/* Migrated from Slater (slater.app/16347/44221.css)
   ------------------------------
   Underline link script (data attribute version)
   ----------------------------- */

[data-underline] {
  position: relative;
  /*display: inline-block;*/
}

[data-underline]::before,
[data-underline="alt"]::before,
[data-underline="alt"]::after {
  content: "";
  position: absolute;
  bottom: -0.5em;
  left: 0;
  width: 100%;
  height: 0.3em;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: left;
  transform: scaleX(0) rotate(0.001deg);
}

/* Hover in */
[data-underline]:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

/* Alt style – plays in reverse */
[data-underline="alt"]::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

[data-underline="alt"]:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

[data-underline="alt"]::after {
  content: "";
  position: absolute;
  bottom: -0.5em;
  left: 0;
  width: 100%;
  height: 0.3em;
  background-color: currentColor;
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transition-delay: 0s;
}

[data-underline="alt"]:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}