.c-button{--button-height:50px;--button-padding:0 1.5rem;--button-font-size:0.9rem;--button-radius:2px;--button-transition-duration:0.5s;--button-easing:cubic-bezier(0.38,0.005,0.215,1);--panel-delay-in:0.25s;--panel-delay-out:0.25s;position:relative;display:inline-flex;box-sizing:border-box;overflow:hidden;border-radius:var(--button-radius);text-decoration:none;cursor:pointer;border:none;padding:0;margin:0;outline:0;background:none;font:inherit;line-height:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-button.-sm{--button-height:40px;--button-padding:0 1.25rem;--button-font-size:0.85rem}.c-button.-md{--button-height:50px;--button-padding:0 1.5rem;--button-font-size:0.9rem}.c-button.-lg{--button-height:60px;--button-padding:0 1.75rem;--button-font-size:1rem}.c-button.-xl{--button-height:75px;--button-padding:0 2rem;--button-font-size:1.1rem}.c-button.-primary{--button-background-color:#019eff;--button-background-color-panel:#018ee6;--button-background-color-hover:#007fd0;--button-text-color:#fff;--button-text-color-hover:#fff}.c-button.-secondary{--button-background-color:#f0f0f0;--button-background-color-panel:#e5e5e5;--button-background-color-hover:#d9d9d9;--button-text-color:#333;--button-text-color-hover:#333}.c-button.-blue{--button-background-color:#1444f0;--button-background-color-panel:#1238d6;--button-background-color-hover:#0f2fbb;--button-text-color:#fff;--button-text-color-hover:#fff}.c-button.-outline{--button-background-color:#fff;--button-background-color-panel:#f5f5f5;--button-background-color-hover:#f0f0f0;--button-text-color:#333;--button-text-color-hover:#333}.c-button.-outline .c-button_inner{border:1px solid #d4d4d8}.c-button_inner{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--button-text-color,currentColor);min-height:var(--button-height);width:100%;padding:var(--button-padding);pointer-events:none;z-index:0;background-color:var(--button-background-color);border-radius:var(--button-radius)}.c-button_inner:after,.c-button_inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 0 100% 0 round var(--button-radius))}.c-button_inner:before{background-color:var(--button-background-color-panel);transition-delay:var(--panel-delay-out);z-index:1}.c-button_inner:after{background-color:var(--button-background-color-hover);z-index:2}.c-button_label-wrapper{position:relative;clip-path:inset(0);z-index:3}.c-button_label{display:block;font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:var(--button-font-size,.9rem);line-height:1;letter-spacing:-.02em;white-space:nowrap}.c-button_label:after{display:flex;align-items:center;content:attr(data-label);position:absolute;top:calc(100% + 1px);left:0}@media (hover:hover){.c-button_inner{transition:color var(--button-transition-duration) var(--button-easing) .05s}.c-button_inner:after,.c-button_inner:before{transition:clip-path var(--button-transition-duration) var(--button-easing)}.c-button:hover .c-button_inner{color:var(--button-text-color-hover);transition:color var(--button-transition-duration) var(--button-easing)}.c-button:hover .c-button_inner:after,.c-button:hover .c-button_inner:before{clip-path:inset(0 round var(--button-radius))}.c-button:hover .c-button_inner:before{transition-delay:0s}.c-button:hover .c-button_inner:after{transition-delay:var(--panel-delay-in)}.c-button_label{transition:transform var(--button-transition-duration) var(--button-easing)}.c-button:hover .c-button_label{transform:translate3d(0,calc(-100% - 1px),0)}}@media (prefers-reduced-motion){.c-button{--panel-delay-in:0s;--panel-delay-out:0s}}