/*
 * Skiper 40 Animated Link, Link000 — HTML/CSS adaptation for VoltUp.
 * Source: https://skiper-ui.com/r/skiper40.json
 * Author: @gurvinder-singh02 — https://gxuri.me
 * Inspired by https://cursor.com/; independent recreation by Skiper UI.
 * Free for personal and commercial use and modification with attribution
 * to Skiper UI (https://skiper-ui.com/). Attribution appears in the footer.
 * No React, Next.js, Tailwind or JavaScript runtime is required here.
 */

.skiper40-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.skiper40-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: max(1px, 0.05em);
  background: currentColor;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.skiper40-link:focus-visible::before {
  transform: scaleX(1);
  transform-origin: left;
}

@media (hover: hover) and (pointer: fine) {
  .skiper40-link:hover::before {
    transform: scaleX(1);
    transform-origin: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skiper40-link::before {
    transition: none;
  }
}