/* .nav-link::after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background: #ff0039;
  transition: width 0.5s ease-in-out;
}

.nav-link:hover::after {
  width: 100%;
} */

@media screen and (min-width: 992px) {
  .navbar-nav * {
    box-sizing: border-box;
    transition: all 0.35s ease;
  }

  .navbar-nav li {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
  }

  .navbar-nav a {
    padding: 0.5em 0.5em;
    color: rgba(25, 255, 255, 0.5);
    position: relative;
    text-decoration: none;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }

  .navbar-nav a::before,
  .navbar-nav a::after {
    content: "";
    height: 14px;
    width: 14px;
    position: absolute;
    transition: all 0.35s ease;
    opacity: 0;
  }

  .navbar-nav a::before {
    content: "";
    right: 0;
    top: 0;
    border-top: 3px solid #ff0039;
    border-right: 3px solid #ff0039;
    transform: translate(-100%, 50%);
  }

  .navbar-nav a:after {
    content: "";
    left: 0;
    bottom: 0;
    border-bottom: 3px solid #ff0039;
    border-left: 3px solid #ff0039;
    transform: translate(100%, -50%);
  }

  .navbar-nav a:hover:before,
  .navbar-nav a:hover:after {
    transform: translate(0, 0);
    opacity: 1;
  }

  .navbar-nav a:hover {
    color: #ff0039;
  }
}