header#top a.appointment-button {
  color: #fff;
  padding: .22em .8em;
  margin-right: 3px;
  position: relative;
  overflow: hidden;
  height: 26px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
}

header#top .after-main-header a.appointment-button {
  display: block;
  width: 127px;
  margin: 0 auto;
  display: none;
}

header#top a.appointment-button:before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #fe0000;
  z-index: -2;
}

header#top a.appointment-button::after {
  content: '';
  position: absolute;
  inset: 5% 0 3%;
  background-color: #EBEBEB;
  transform: scaleX(0);
  transform-origin: center center;
  transition: transform 0.4s ease-in-out;
  z-index: -1;
}

header#top a.appointment-button:hover {
  color: #000;
}

header#top a.appointment-button:hover::after {
  transform: scaleX(1);
}

@media (max-width: 450px) {
    header#top .nectar-mobile-only a.appointment-button {
        display: none;
    }

    header#top .after-main-header a.appointment-button {
        display: block;
    }
}