.btn{--btn-radius:.85rem;--btn-cut:1.5rem;--btn-cut-round:.3rem;--btn-shape:shape(from var(--btn-radius)0,line to calc(100% - var(--btn-radius))0,curve to 100% var(--btn-radius)with 100% 0,line to 100% calc(100% - var(--btn-cut) - var(--btn-cut-round)),curve to calc(100% - .7*var(--btn-cut-round))calc(100% - var(--btn-cut) + .7*var(--btn-cut-round))with 100% calc(100% - var(--btn-cut)),line to calc(100% - var(--btn-cut) + .7*var(--btn-cut-round))calc(100% - .7*var(--btn-cut-round)),curve to calc(100% - var(--btn-cut) - var(--btn-cut-round))100% with calc(100% - var(--btn-cut))100%,line to var(--btn-radius)100%,curve to 0 calc(100% - var(--btn-radius))with 0 100%,line to 0 var(--btn-radius),curve to var(--btn-radius)0 with 0 0,close);height:var(--height-control);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight);white-space:nowrap;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--btn-cut)),calc(100% - var(--btn-cut))100%,0 100%);clip-path:var(--btn-shape);transition:color var(--transition-slow),background-color var(--transition-slow),transform var(--transition-slow);justify-content:center;align-items:center;gap:.55rem;padding-inline:1.6rem;line-height:1;display:inline-flex;position:relative}.btn:hover{transform:translateY(-2px)}.btn:active{transition-duration:.15s;transform:translateY(0)scale(.98)}.btn__label{z-index:1;position:relative}.btn__arrow{z-index:1;stroke:currentColor;width:1rem;height:1rem;transition:transform var(--transition-slow);flex-shrink:0;position:relative}.btn:hover .btn__arrow{transform:translate(3px)}.btn--primary{color:var(--primary-contrast);background:var(--primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--outline{color:var(--fg-primary);background:var(--border-strong)}.btn--outline:before{content:"";z-index:0;background:var(--bg-base);clip-path:var(--btn-shape);transition:background-color var(--transition-slow);position:absolute;inset:1px}.btn--outline:hover{color:var(--bg-base);background:var(--fg-primary)}.btn--outline:hover:before{background:0 0}.btn:focus-visible{outline:none}.btn--primary:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-contrast)}.btn--outline:focus-visible{color:var(--bg-base);background:var(--fg-primary)}.btn--outline:focus-visible:before{background:0 0}