/* Original CSS adaptation of the glitch-button visual requested for LETU.
   Reference: https://21st.dev/@hamidonsol/components/glitching-button
   No component source or external runtime is bundled. */
.official-contact .support-glitch{position:relative;display:inline-block;isolation:isolate;line-height:1.3}
.support-label{position:relative;display:block}
.support-slice{position:absolute;inset:0;pointer-events:none;opacity:0;user-select:none}
.support-slice-cyan{color:#078ab3;clip-path:inset(14% 0 48% 0)}
.support-slice-pink{color:#c22e9c;clip-path:inset(58% 0 8% 0)}
.official-contact a:hover{text-decoration:none}
@media(hover:hover) and (pointer:fine){
 .official-contact a:hover .support-label{animation:letu-signal-base 640ms ease-out both}
 .official-contact a:hover .support-slice-cyan{animation:letu-signal-cyan 640ms steps(1,end) both}
 .official-contact a:hover .support-slice-pink{animation:letu-signal-pink 640ms steps(1,end) both}
}
.official-contact a:focus-visible .support-label{animation:letu-signal-base 640ms ease-out both}
.official-contact a:focus-visible .support-slice-cyan{animation:letu-signal-cyan 640ms steps(1,end) both}
.official-contact a:focus-visible .support-slice-pink{animation:letu-signal-pink 640ms steps(1,end) both}
@keyframes letu-signal-base{0%,100%{transform:none}12%{transform:skewX(-4deg) translateX(-1px)}28%{transform:skewX(3deg) translateX(1px)}48%{transform:skewX(-2deg)}70%{transform:none}}
@keyframes letu-signal-cyan{0%{opacity:0;transform:none}10%{opacity:.85;transform:translate(3px,-1px)}28%{transform:translate(-3px,0);clip-path:inset(28% 0 46% 0)}48%{transform:translate(2px,0);clip-path:inset(14% 0 48% 0)}68%,100%{opacity:0;transform:none}}
@keyframes letu-signal-pink{0%{opacity:0;transform:none}10%{opacity:.8;transform:translate(-3px,1px)}28%{transform:translate(3px,0);clip-path:inset(64% 0 12% 0)}48%{transform:translate(-2px,0);clip-path:inset(58% 0 8% 0)}68%,100%{opacity:0;transform:none}}
@media(prefers-reduced-motion:reduce){.official-contact .support-label,.official-contact .support-slice{animation:none!important}.official-contact .support-slice{display:none}.official-contact a:hover{text-decoration:underline}}
@media(forced-colors:active){.support-slice{display:none}}