/* ------------------------------
    LINK UNDERLINE HOVER EFFECT
    ------------------------------ */
    .nav-links a,
    footer a {
      position: relative;
    }

    .nav-links a::after,
    footer a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -3px;
      width: 100%;
      height: 2px;
      background-color: var(--accent);
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.25s ease;
    }

    .nav-links a:hover::after,
    footer a:hover::after {
      transform: scaleX(1);
      transform-origin: left;
    }