.shimmer-button{--spread:90deg;--shimmer-color:#fff;--radius:100px;--speed:3s;--cut:.15em;--bg:#000;z-index:0;cursor:pointer;white-space:nowrap;color:#fff;background:var(--bg);border-radius:var(--radius);border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:12px 24px;transition:transform .3s ease-in-out;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.shimmer-button:active{transform:translateY(1px)}.shimmer-button .spark-container{z-index:-30;filter:blur(2px);position:absolute;inset:0;overflow:visible;container-type:size}.shimmer-button .spark{aspect-ratio:1;animation:shimmer-slide var(--speed)ease-in-out infinite alternate;border-radius:0;height:100cqh;position:absolute;inset:0;-webkit-mask:none;mask:none}.shimmer-button .spark-before{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;width:auto;position:absolute;inset:-100%;translate:0}.shimmer-button .highlight{border-radius:8px;width:100%;height:100%;padding:6px 16px;font-size:14px;font-weight:500;transition:all .3s ease-in-out;position:absolute;inset:0;transform:translateZ(0);box-shadow:inset 0 -8px 10px #ffffff1f}.shimmer-button:hover .highlight{box-shadow:inset 0 -6px 10px #ffffff40}.shimmer-button:active .highlight{box-shadow:inset 0 -10px 10px #ffffff40}.shimmer-button .backdrop{z-index:-20;background:var(--bg);border-radius:var(--radius);inset:var(--cut);position:absolute}@keyframes shimmer-slide{to{transform:translate(calc(100cqw - 100%))}}@keyframes spin-around{0%{transform:translateZ(0)rotate(0)}15%,35%{transform:translateZ(0)rotate(90deg)}65%,85%{transform:translateZ(0)rotate(270deg)}to{transform:translateZ(0)rotate(360deg)}}.shimmer-button-default{--bg:#ffffff0a;color:#fff;border:#ffffff1a}.shimmer-button-default .spark-container,.shimmer-button-default .highlight,.shimmer-button-default .backdrop{display:none}.shimmer-button-free{--bg:#ffffff0a;color:#fff;border-color:#ffffff1a}.shimmer-button-free .highlight{box-shadow:inset 0 -8px 10px #ffffff1f}.shimmer-button-free:hover .highlight{box-shadow:inset 0 -6px 10px #ffffff40}.shimmer-button-free:active .highlight{box-shadow:inset 0 -10px 10px #ffffff40}.shimmer-button-plus{--bg:linear-gradient(270deg,#ccdbf0 0%,#b0c1db 50%,#a5b7d3 100%);color:#333;border-color:#fff3}.shimmer-button-plus .spark-container{display:none}.shimmer-button-plus .highlight{box-shadow:inset 0 -6px 10px #ffffff80}.shimmer-button-plus:hover .highlight{box-shadow:inset 0 -4px 8px #fff9}.shimmer-button-plus:active .highlight{box-shadow:inset 0 -8px 12px #fff9}.shimmer-button-ultra{--bg:linear-gradient(270deg,#fceeae 0%,#d7b675 50%,#c2995c 100%);color:#333;border-color:#ffffff4d}.shimmer-button-ultra .highlight{box-shadow:inset 0 -8px 6px #ffffffb3}.shimmer-button-ultra:hover .highlight{box-shadow:inset 0 -6px 4px #fffc}.shimmer-button-ultra:active .highlight{box-shadow:inset 0 -10px 8px #fffc}