.badges ul {
  width: 50%;
  min-width: 250px;
  margin: 0;
  font-size: 22px;
  padding-left: 0;
}

.badges ul:only-of-type {
  width: 100%;
}
.badges ul li {
  line-height: 130%;
  list-style-type: none;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--midnight);
  transition: border-bottom-color 0.3s;
  position: relative;
}

.badges ul li:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f144";
  color: var(--wildcat-blue);
  float: right;
  font-size: 28px;
  transition: color 0.3s;
  position: absolute;
  right: 0;
  pointer-events: none;
}

.badges ul li a {
  color: black;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  padding-right: 10%;
  transition: color 0.3s;
}
.badges ul li a:hover {
  color: var(--bluegrass);
  transition: color 0.3s;
}

.badges ul li:hover {
  cursor: pointer;
  border-bottom-color: var(--bluegrass);
  transition: border-bottom-color 0.3s;
}

.badges ul li:hover:after {
  color: var(--bluegrass);
  transition: color 0.3s;
}