/* c-btn.css — converted from Btn.module.css
   CSS-module local names become `c-Btn_<name>`; globals from globals.css keep
   their names. */

.c-Btn_btn {
  position: relative;
  display: inline-block;
  width: fit-content;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.c-Btn_label {
  display: inline-block;
}

.c-Btn_underline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15%;
  height: 1.5px;
  background: var(--color-amber-yellow);
  transform: scaleX(1);
  transform-origin: left center;
  will-change: transform;
  pointer-events: none;
}

@media (min-width: 1001px) {
  .c-Btn_animating {
    animation: btn-underline 750ms var(--ease-power2-out);
  }
}

@keyframes btn-underline {
  0% {
    transform: scaleX(1);
    transform-origin: right center;
  }

  50% {
    transform: scaleX(0);
    transform-origin: right center;
  }

  55% {
    transform: scaleX(0);
    transform-origin: left center;
  }

  100% {
    transform: scaleX(1);
    transform-origin: left center;
  }
}