.pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s}.shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2em;background:#00000040;will-change:transform;transform:translateY(1px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2em;background:linear-gradient(to left,#52001b,#a30036 8% 92%,#52001b)}.front{display:block;position:relative;padding:8px 28px;border-radius:2em;font-size:1rem;color:#fff;background:#f0003c;will-change:transform;transform:translateY(-3px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.pushable-teal .edge{background:linear-gradient(to left,#099a8e,#0de7d5 8% 92%,#099a8e)}.pushable-teal .front{background:#4df5e7;color:#1a1a1a}.pushable-blue .edge{background:linear-gradient(to left,#0583ad,#0dbdf8 8% 92%,#0583ad)}.pushable-blue .front{background:#5cd2fa;color:#1a1a1a}.pushable-purple .edge{background:linear-gradient(to left,#3822c3,#6856e1 8% 92%,#3822c3)}.pushable-purple .front{background:#9f93ec;color:#fff}.pushable-green .edge{background:linear-gradient(to left,#62d411,#8df047 8% 92%,#62d411)}.pushable-green .front{background:#b6f589;color:#1a1a1a}.pushable-orange .edge{background:linear-gradient(to left,#e65400,#ff8138 8% 92%,#e65400)}.pushable-orange .front{background:#ff8742;color:#fff}.pushable-coral .edge{background:linear-gradient(to left,#e60054,#ff3881 8% 92%,#e60054)}.pushable-coral .front{background:#ff669e;color:#fff}.pushable-yellow .edge{background:linear-gradient(to left,#e6b800,#ffd738 8% 92%,#e6b800)}.pushable-yellow .front{background:#ffd83d;color:#1a1a1a}.pushable-indigo .edge{background:linear-gradient(to left,#2712a1,#3c1ee6 8% 92%,#2712a1)}.pushable-indigo .front{background:#7c68ee;color:#fff}.pushable-dark-gray .edge{background:linear-gradient(to left,#262626,#404040 8% 92%,#262626)}.pushable-dark-gray .front{background:#333;color:#fff}.pushable-slate .edge{background:linear-gradient(to left,#31343f,#484c5b 8% 92%,#31343f)}.pushable-slate .front{background:#434756;color:#fff}.pushable-deep-purple .edge{background:linear-gradient(to left,#2d2d43,#424261 8% 92%,#2d2d43)}.pushable-deep-purple .front{background:#3c3c58;color:#fff}.pushable-peach .edge{background:linear-gradient(to left,#ff6d33,#ff9166 8% 92%,#ff6d33)}.pushable-peach .front{background:#ffa480;color:#1a1a1a}.pushable-sky-blue .edge{background:linear-gradient(to left,#3383e6,#609feb 8% 92%,#3383e6)}.pushable-sky-blue .front{background:#77adee;color:#fff}.pushable:hover{filter:brightness(110%)}.pushable:hover .front{transform:translateY(-4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .front{transform:translateY(-1px);transition:transform 34ms}.pushable:hover .shadow{transform:translateY(2px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .shadow{transform:translateY(0);transition:transform 34ms}.pushable:focus:not(:focus-visible){outline:none}.no-bounce{animation:none!important;transform:none!important}.no-bounce:active{transform:none!important}