.cp-btn{--cp-btn-depth: 12px;--cp-btn-hover-lift: 9px;--cp-btn-highlight: 3px;--cp-btn-border: 8px;--cp-btn-border-hover: 11px;--cp-btn-radius: 25px;--cp-btn-face-radius: 11px;--cp-btn-frame: 6px;--cp-btn-padding-y: .95em;--cp-btn-padding-x: 1.9em;--cp-btn-face: var(--cp-pink);--cp-btn-edge: var(--cp-pink-edge);--cp-btn-text: #ffffff;--cp-btn-text-shadow: var(--cp-btn-edge);--cp-btn-text-shadow-y: 4px;--cp-btn-gloss-opacity: .22;--cp-btn-border-color: rgba(0, 0, 0, .3);--cp-btn-hairline: color-mix(in srgb, var(--cp-btn-edge) 65%, black);--cp-btn-bevel: color-mix(in srgb, var(--cp-btn-face) 50%, var(--cp-btn-edge));display:inline-flex;flex-direction:column;align-items:stretch;padding:var(--cp-btn-frame);background:var(--cp-btn-edge);border:0;border-radius:calc(var(--cp-btn-radius) - var(--cp-btn-border));font-family:var(--cp-font);font-size:1.125rem;font-weight:var(--cp-font-weight-bold);font-variation-settings:"wght" 700,"GRAD" 180;line-height:1;color:var(--cp-btn-text);text-shadow:0 var(--cp-btn-text-shadow-y) 0 var(--cp-btn-text-shadow);text-decoration:none;text-transform:none;white-space:nowrap;cursor:url(/marketing/components/cursor-btn.png) 8 6,url(/marketing/components/cursor-btn.svg) 8 6,pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;isolation:isolate;overflow:visible}.cp-btn:after{content:"";position:absolute;inset:calc(-1 * var(--cp-btn-border));background:var(--cp-btn-border-color);border-radius:var(--cp-btn-radius);z-index:-1;pointer-events:none;transition:inset .14s cubic-bezier(.2,.9,.3,2.2)}.cp-btn:hover:after,.cp-btn.cp-btn--hover:after{inset:calc(-1 * var(--cp-btn-border-hover))}.cp-btn:before{content:"";position:absolute;top:calc(-1 * (var(--cp-btn-depth) - 1px));bottom:0;left:0;right:0;background:var(--cp-btn-edge);border:2px solid var(--cp-btn-border-color);border-radius:calc(var(--cp-btn-radius) - var(--cp-btn-border));box-shadow:inset 8px 0 #0000001a,inset -8px 0 #0000001a;pointer-events:none;z-index:0;transition:top .24s cubic-bezier(.2,.9,.3,2.2)}.cp-btn:hover:before,.cp-btn.cp-btn--hover:before{top:calc(-1 * (var(--cp-btn-depth) + var(--cp-btn-hover-lift)))}.cp-btn:active:before{top:0;transition-duration:30ms;transition-timing-function:ease-out}.cp-btn:disabled:before,.cp-btn[aria-disabled=true]:before{top:calc(-1 * (var(--cp-btn-depth) - 1px))}.cp-btn__face{position:relative;z-index:1;top:calc(-1 * (var(--cp-btn-depth) - 1px));display:flex;align-items:center;justify-content:center;gap:.5em;padding:var(--cp-btn-padding-y) var(--cp-btn-padding-x);background:linear-gradient(to bottom,color-mix(in srgb,var(--cp-btn-face) 88%,white) 0%,var(--cp-btn-face) 45%,color-mix(in srgb,var(--cp-btn-face) 88%,var(--cp-btn-edge)) 100%);border-radius:var(--cp-btn-face-radius);box-shadow:inset 0 var(--cp-btn-highlight) 0 0 #ffffff8c,inset 0 -2px 0 0 var(--cp-btn-bevel);overflow:hidden;animation:cp-btn-breathe 5s ease-in-out infinite;transition:top .24s cubic-bezier(.2,.9,.3,2.2)}@keyframes cp-btn-breathe{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.06) saturate(1.04)}}.cp-btn__gloss,.cp-btn__face:after{content:"";position:absolute;top:-20%;left:0;width:18%;height:140%;background:rgba(255,255,255,var(--cp-btn-gloss-opacity));mix-blend-mode:color-dodge;border-radius:4px;pointer-events:none;transform:translate(-150%) skew(-20deg);z-index:0}.cp-btn__gloss:before{content:"";position:absolute;top:17%;left:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;background:#fff;border-radius:50%;box-shadow:0 0 4px 1px #fffffff2,0 0 12px 3px #ffffff8c;opacity:0}.cp-btn:hover .cp-btn__gloss:before,.cp-btn.cp-btn--hover .cp-btn__gloss:before{animation:cp-btn-spec .9s cubic-bezier(.7,0,.3,1)}@keyframes cp-btn-spec{0%,to{opacity:0}40%{opacity:1}60%{opacity:1}}@keyframes cp-btn-shine{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(800%) skew(-20deg)}}.cp-btn:hover .cp-btn__gloss,.cp-btn.cp-btn--hover .cp-btn__gloss{animation:cp-btn-shine .9s cubic-bezier(.7,0,.3,1)}.cp-btn:hover .cp-btn__face:after,.cp-btn.cp-btn--hover .cp-btn__face:after{animation:cp-btn-shine .7s linear}.cp-btn__label{position:relative;z-index:2}.cp-btn:hover .cp-btn__face,.cp-btn.cp-btn--hover .cp-btn__face{top:calc(-1 * (var(--cp-btn-depth) + var(--cp-btn-hover-lift)))}.cp-btn:active .cp-btn__face{top:0;transition-duration:30ms;transition-timing-function:ease-out;box-shadow:inset 0 var(--cp-btn-highlight) 0 0 #ffffff8c,inset 0 -2px 0 0 var(--cp-btn-bevel),inset 0 0 0 200px #0000002e}.cp-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--cp-bg, #fff5e8),0 0 0 6px var(--cp-btn-face)}.cp-btn:disabled,.cp-btn[aria-disabled=true]{cursor:not-allowed;--cp-btn-depth: 2px}.cp-btn:disabled .cp-btn__face,.cp-btn[aria-disabled=true] .cp-btn__face{top:calc(-1 * (var(--cp-btn-depth) - 1px));filter:saturate(.25) brightness(.95)}.cp-btn:disabled .cp-btn__gloss,.cp-btn:disabled .cp-btn__gloss:before,.cp-btn:disabled .cp-btn__face:after,.cp-btn[aria-disabled=true] .cp-btn__gloss,.cp-btn[aria-disabled=true] .cp-btn__gloss:before,.cp-btn[aria-disabled=true] .cp-btn__face:after{animation:none}.cp-btn:disabled .cp-btn__face,.cp-btn[aria-disabled=true] .cp-btn__face{animation:none}.cp-btn:disabled .cp-btn__face:before,.cp-btn[aria-disabled=true] .cp-btn__face:before{animation:none}.cp-btn--grid{--cp-btn-grid-opacity: .16;--cp-btn-grid-rotate: -12deg;--cp-btn-grid-speed: 9s}.cp-btn--grid .cp-btn__face:before{content:"";position:absolute;top:-75%;right:-75%;bottom:-75%;left:-75%;background-image:url(/marketing/components/grid-tile.png);background-repeat:repeat;background-size:360px 360px;transform:rotate(var(--cp-btn-grid-rotate));opacity:var(--cp-btn-grid-opacity);mix-blend-mode:overlay;pointer-events:none;animation:cp-btn-grid-pan var(--cp-btn-grid-speed) linear infinite}@keyframes cp-btn-grid-pan{0%{background-position:0 0}to{background-position:360px 360px}}@media(prefers-reduced-motion:reduce){.cp-btn--grid .cp-btn__face:before{animation:none}}.cp-btn--primary{--cp-btn-face: var(--cp-pink);--cp-btn-edge: var(--cp-pink-edge);--cp-btn-text: #ffffff}.cp-btn--cyan{--cp-btn-face: var(--cp-cyan);--cp-btn-edge: var(--cp-cyan-edge);--cp-btn-text: #003344;--cp-btn-text-shadow: rgba(255, 255, 255, .35);--cp-btn-text-shadow-y: 2px}.cp-btn--yellow{--cp-btn-face: var(--cp-yellow);--cp-btn-edge: var(--cp-yellow-edge);--cp-btn-text: #4d3800;--cp-btn-text-shadow: rgba(255, 255, 255, .35);--cp-btn-text-shadow-y: 2px}.cp-btn--lime{--cp-btn-face: var(--cp-lime);--cp-btn-edge: var(--cp-lime-edge);--cp-btn-text: #1f3a00;--cp-btn-text-shadow: rgba(255, 255, 255, .35);--cp-btn-text-shadow-y: 2px}.cp-btn--violet{--cp-btn-face: var(--cp-violet);--cp-btn-edge: var(--cp-violet-edge);--cp-btn-text: #ffffff}.cp-btn--ghost{--cp-btn-face: #ffffff;--cp-btn-edge: #d9d1c2;--cp-btn-text: var(--cp-ink);--cp-btn-text-shadow: rgba(255, 255, 255, .35);--cp-btn-text-shadow-y: 2px}.cp-btn--grey{--cp-btn-face: #aeb5bf;--cp-btn-edge: #6f7680;--cp-btn-text: #2c3138;--cp-btn-text-shadow: rgba(255, 255, 255, .35);--cp-btn-text-shadow-y: 2px}.cp-btn--sm{--cp-btn-depth: 4px;--cp-btn-highlight: 2px;--cp-btn-border: 4px;--cp-btn-border-hover: 6px;--cp-btn-frame: 4px;--cp-btn-radius: 14px;--cp-btn-face-radius: 6px;--cp-btn-padding-y: .65em;--cp-btn-padding-x: 1.3em;font-size:.9rem}.cp-btn--lg{--cp-btn-depth: 8px;--cp-btn-highlight: 4px;--cp-btn-radius: var(--cp-radius-lg);--cp-btn-padding-y: 1.15em;--cp-btn-padding-x: 2.4em;font-size:1.375rem}.cp-btn--xl{--cp-btn-depth: 10px;--cp-btn-highlight: 5px;--cp-btn-radius: var(--cp-radius-xl);--cp-btn-padding-y: 1.4em;--cp-btn-padding-x: 3em;font-size:1.875rem}@media(prefers-reduced-motion:reduce){.cp-btn__face,.cp-btn:hover .cp-btn__face,.cp-btn.cp-btn--hover .cp-btn__face,.cp-btn:active .cp-btn__face{transition:none}.cp-btn__face,.cp-btn:hover .cp-btn__gloss,.cp-btn.cp-btn--hover .cp-btn__gloss,.cp-btn:active .cp-btn__gloss,.cp-btn:hover .cp-btn__gloss:before,.cp-btn.cp-btn--hover .cp-btn__gloss:before,.cp-btn:hover .cp-btn__face:after,.cp-btn.cp-btn--hover .cp-btn__face:after,.cp-btn:active .cp-btn__face:after{animation:none}}