.nav-contact-button,
.nav-contact-button:hover {
  color: #fff;
}

.nav-contact-button {
  background: #3093f5;
}

.nav-contact-button:hover {
  background: #197fdf;
}

@media (min-width: 1101px) and (hover: hover) and (pointer: fine) {
  .site-nav .nav-actions .login-link {
    position: relative;
  }

  .site-nav .nav-actions .login-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% + 12px);
    height: 2px;
    background: #3093f5;
    pointer-events: none;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .25s cubic-bezier(.2, .7, .2, 1);
  }

  .site-nav .nav-actions .login-link:hover::after {
    transform: scaleX(1);
  }
}