@layer components{:root{--border: 2;--color: transparent}@keyframes move-gradient-up{0%{background-position:0 -200%}to{background-position:0 200%}}.bordered-button{position:relative;border:1px solid #030202}.bordered-button:after{content:"";border-radius:inherit;position:absolute;inset:calc(var(--border) * -1px);z-index:-1;opacity:0;background:repeating-linear-gradient(-12deg,#e5e3e4,#e5e3e4 16%,#8407b6 18%,#8407b6 22%,#040619 24%,#040619 28%,#e5e3e4 30%,#e5e3e4 46%,#8407b6 48%,#8407b6 52%,#040619 54%,#040619 58%,#e5e3e4 60%,#e5e3e4 76%,#8407b6 78%,#8407b6 82%,#040619 84%,#040619 88%,#e5e3e4 90%,#e5e3e4);background-size:100% 400%;background-position:0 200%}@media (min-width: 768px){.bordered-button:is(:hover,:focus-visible):after{opacity:1;animation:move-gradient-up 25s linear infinite}}}