.button{position:relative;display:flex;justify-content:center;font-weight:500}.button,.button:before,.button>.button-cta{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1)}.button svg{color:inherit}.button[data-action=popup] .button>*{pointer-events:none}.button-icon-hover,.button-icon-initial,.button-text-hover,.button-text-initial{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.button-icon-hover,.button-text-hover{position:absolute;opacity:0}.button:hover .button-text-initial{opacity:0}.button:hover .button-text-hover,.button:hover .button-text-initial{--tw-translate-y:-3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.button:hover .button-text-hover{opacity:1}.button:hover .button-icon-initial{opacity:0}.button:hover .button-icon-hover,.button:hover .button-icon-initial{--tw-translate-y:-3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.button:hover .button-icon-hover{opacity:1}.button-black{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));outline-offset:-4px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(180deg,#000,#505050);box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25),inset 0 4px 4px 0 hsla(0,0%,60%,.25),inset 0 4px 29.8px 0 hsla(0,0%,100%,.39);outline:.125rem solid hsla(0,0%,100%,.3)}.button-black:before{content:"";pointer-events:none;position:absolute;top:-.675rem;bottom:-.675rem;left:-.75rem;right:-.75rem;z-index:-1;border-radius:9999px;border-width:1px;border-color:rgba(0,0,0,.2);clip-path:inset(0 0 0 0);transition:clip-path .6s cubic-bezier(.22,1,.36,1)}.button-ambar{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));outline-offset:-4px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(180deg,#c7bba4,#615b50);outline:.125rem solid hsla(0,0%,100%,.3)}.button-ambar:before{content:"";pointer-events:none;position:absolute;top:-.675rem;bottom:-.675rem;left:-.75rem;right:-.75rem;z-index:-1;border-radius:9999px;border-width:1px;border-color:hsla(0,0%,100%,.2);clip-path:inset(0 0 0 0);transition:clip-path .6s cubic-bezier(.22,1,.36,1)}.button-white{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));background:#fff;box-shadow:0 11px 62.6px 0 hsla(0,0%,100%,.25),inset 0 3px 26.6px 0 #323232}.button-white:before{content:"";pointer-events:none;position:absolute;top:-.675rem;bottom:-.675rem;left:-.75rem;right:-.75rem;z-index:-1;border-radius:9999px;border-width:1px;border-color:hsla(0,0%,100%,.2);clip-path:inset(0 0 0 0);transition:clip-path .6s cubic-bezier(.22,1,.36,1)}.button-newblack{border-top-width:.125rem;border-bottom-width:.125rem;border-top-color:hsla(0,0%,100%,.05);border-bottom-color:hsla(0,0%,100%,.05);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background:radial-gradient(62.64% 82.75% at 28.14% -10.42%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 100%),linear-gradient(138deg,#555d64 21.13%,#292c2e 80.53%)}.button-newblack:before{content:"";pointer-events:none;position:absolute;bottom:-.675rem;left:0;z-index:-1;height:calc(100% + .675rem);width:100%;border-radius:inherit;background-color:rgba(0,0,0,.9)}.button-newgray{border-top-width:.25rem;border-bottom-width:.25rem;--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity));border-bottom-color:rgba(0,0,0,.7);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background:linear-gradient(180deg,#c7bba4,#615b50),radial-gradient(62.64% 82.75% at 28.14% -10.42%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 100%)}.button-newgray:before{content:"";pointer-events:none;position:absolute;bottom:-.675rem;left:0;z-index:-1;height:calc(100% + .675rem);width:100%;border-radius:inherit;--tw-bg-opacity:1;background-color:rgb(94 88 77/var(--tw-bg-opacity))}.button-step1{color:rgb(137 93 4/var(--tw-text-opacity));background:linear-gradient(180deg,#e5dac3,#e4b673),radial-gradient(62.64% 82.75% at 28.14% -10.42%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 100%),linear-gradient(138deg,#555d64 21.13%,#292c2e 80.53%);box-shadow:0 4.855px 3.884px 0 rgba(0,0,0,.13),0 2.02px 1.616px 0 rgba(0,0,0,.12),inset 0 .73px 0 0 hsla(0,0%,100%,.6),inset 0 -3.651px 0 0 #ba851b,inset 0 -4.381px 0 .73px hsla(0,0%,100%,.1)}.button-step1,.button-step2{--tw-text-opacity:1;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.button-step2{color:rgb(46 61 39/var(--tw-text-opacity));background:linear-gradient(180deg,#becbb9 13.07%,#59724e 140.35%),radial-gradient(62.64% 82.75% at 28.14% -10.42%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 100%),linear-gradient(138deg,#555d64 21.13%,#292c2e 80.53%);box-shadow:0 4.855px 3.884px 0 rgba(0,0,0,.13),0 2.02px 1.616px 0 rgba(0,0,0,.12),inset 0 .73px 0 0 hsla(0,0%,100%,.6),inset 0 -3.651px 0 0 #668458,inset 0 -4.381px 0 .73px hsla(0,0%,100%,.1)}.button-step3{color:rgb(45 57 71/var(--tw-text-opacity));background:linear-gradient(180deg,#cbcfd6 8.57%,#495a70 136.23%),radial-gradient(62.64% 82.75% at 28.14% -10.42%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 100%),linear-gradient(138deg,#555d64 21.13%,#292c2e 80.53%);box-shadow:0 4.855px 3.884px 0 rgba(0,0,0,.13),0 2.02px 1.616px 0 rgba(0,0,0,.12),inset 0 .73px 0 0 hsla(0,0%,100%,.6),inset 0 -3.651px 0 0 #4c5b6d,inset 0 -4.381px 0 .73px hsla(0,0%,100%,.1)}.button-ghost,.button-step3{--tw-text-opacity:1;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.button-ghost{color:rgb(0 0 0/var(--tw-text-opacity));outline-offset:-4px;outline:.125rem solid rgba(0,0,0,.3)}.button-ghost:before{content:"";pointer-events:none;position:absolute;top:-.25rem;bottom:-.25rem;left:-.25rem;right:-.25rem;z-index:-1;border-radius:inherit;border-width:1px;border-color:rgba(0,0,0,.1);clip-path:inset(0 0 0 0);transition:clip-path .6s cubic-bezier(.22,1,.36,1)}.button-default{border-radius:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));outline-offset:-4px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;outline:.125rem solid #fff;background-color:rgba(0,0,0,.85)!important}.button-default:before{content:"";pointer-events:none;position:absolute;top:-.25rem;bottom:-.25rem;left:-.25rem;right:-.25rem;z-index:-1;border-radius:inherit;border-width:1px;border-color:hsla(0,0%,100%,.1);clip-path:inset(0 0 0 0);transition:clip-path .6s cubic-bezier(.22,1,.36,1)}.button-size-small{padding:1.5rem 2rem;font-size:1.75rem}@media (min-width:640px){.button-size-small{padding-left:3rem;padding-right:3rem}}.button-size-default{padding:2rem;font-size:2rem}@media (min-width:640px){.button-size-default{padding-left:4rem;padding-right:4rem}}.button-size-large{padding:2rem;font-size:2.25rem}@media (min-width:640px){.button-size-large{padding-left:5rem;padding-right:5rem}}.button-shape-round{border-radius:1.25rem}.button-shape-pill{border-radius:9999px}