/* Magic UI / Dillion Verma, MIT. Adapted from the Shimmer Button registry
   at commit cb679056c9a8dd92598fee0299ba1af14ec1482f.
   Original keyframes and spark/backdrop construction retained.
   License: /brand/LICENSE.magicui.txt */
.school-site .shimmer-button{position:relative;z-index:0;isolation:isolate;overflow:hidden;border-radius:var(--radius);background:var(--bg);color:#fff;border:1px solid #ffffff24;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease;white-space:normal}
.shimmer-button .sb-spark-container{position:absolute;inset:0;z-index:-3;filter:blur(2px);container-type:size;pointer-events:none}
.shimmer-button .sb-spark{position:absolute;inset:0;aspect-ratio:1;height:100cqh;border-radius:0;animation:shimmer-slide var(--speed) ease-in-out infinite alternate;pointer-events:none}
.shimmer-button .sb-spark-light{position:absolute;inset:-100%;width:auto;transform:rotate(0);background:conic-gradient(from calc(270deg - (var(--spread) * .5)),transparent 0,var(--shimmer-color) var(--spread),transparent var(--spread));animation:spin-around calc(var(--speed) * 2) infinite linear;pointer-events:none}
.shimmer-button .sb-backdrop{position:absolute;inset:var(--cut);z-index:-2;border-radius:calc(var(--radius) - var(--cut));background:var(--bg);pointer-events:none}
.shimmer-button .sb-highlight{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 -8px 10px #ffffff1f;transition:box-shadow .3s ease;pointer-events:none}
.shimmer-button .sb-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;width:auto;min-width:0;flex:1;font-size:inherit;line-height:1.45}
.shimmer-button:hover .sb-highlight,.shimmer-button:focus-visible .sb-highlight{box-shadow:inset 0 -6px 10px #ffffff3f}
.school-site .shimmer-button:hover{background:var(--bg);box-shadow:0 10px 24px #8f272520}
.school-site .shimmer-button:active{transform:translateY(1px)}
.welcome-actions .shimmer-button::after{display:none}
@keyframes shimmer-slide{to{transform:translate(calc(100cqw - 100%),0)}}
@keyframes spin-around{0%{transform:translateZ(0) rotate(0)}15%,35%{transform:translateZ(0) rotate(90deg)}65%,85%{transform:translateZ(0) rotate(270deg)}100%{transform:translateZ(0) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.shimmer-button *{animation:none!important;transition:none!important}.school-site .shimmer-button:active,.school-site .shimmer-button:hover{transform:none}}
