.pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s;font-family:inherit}.pushable:disabled{cursor:not-allowed;filter:grayscale(60%)}.shadow,.edge,.front{border-radius:var(--pb-radius, 12px)}.shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.edge{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,color-mix(in srgb,var(--pb-color) 10%,black 80%) 0%,var(--pb-color) 100%)}.front{display:block;position:relative;padding:var(--pb-padding, .6rem 1.2rem);font-size:var(--pb-font-size, 1rem);color:#fff;background:var(--pb-color);will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.pushable:not(:disabled):hover{filter:brightness(110%)}.pushable:not(:disabled):hover .front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:not(:disabled):active .front{transform:translateY(-4px);transition:transform 34ms}.pushable:not(:disabled):hover .shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:not(:disabled):active .shadow{transform:translateY(1px);transition:transform 34ms}.foil-text{background:linear-gradient(90deg,#ff0080,#ff8c00,gold,#39ff14,#00f0ff,#8a2be2,#ff0080);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foilShift 6s linear infinite;font-weight:800;text-shadow:0 .5px rgba(0,0,0,.15)}@keyframes foilShift{0%{background-position:0% 50%}to{background-position:-400% 50%}}.foil-pill{position:relative;display:inline-block;border-radius:9999px;padding:2px;font-size:12px;font-weight:700;background:linear-gradient(90deg,#ffb3ba,#ffdfba,#bae1ff,#e0baff,#ffb3ba);background-size:400% 100%;animation:foilBorderShift 6s linear infinite}.dotted-bg{--dot-color: #cbd5e1;--dot-size: 1px;--dot-space: 24px;--bg: #fafafa;background-color:var(--bg);background-image:radial-gradient(var(--dot-color) var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space) var(--dot-space);background-position:0 0}.foil-pill-inner{background:#fff;border-radius:9999px;padding:2px 8px;display:inline-block}.foil-text{background:linear-gradient(90deg,#ffb3ba,#ffdfba,#bae1ff,#e0baff,#ffb3ba);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foilTextShift 6s linear infinite}@keyframes foilBorderShift{0%{background-position:0% 50%}to{background-position:-400% 50%}}@keyframes foilTextShift{0%{background-position:0% 50%}to{background-position:-400% 50%}}