.btn-corner-cut{--btn-cut: 16px;--btn-border-width: 1px;--btn-focus: 0 0 0 3px rgba(218, 138, 61, .4);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;box-sizing:border-box;background:transparent;border:none;font-family:var(--font-body);font-weight:600;letter-spacing:.02em;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;isolation:isolate;clip-path:polygon(0 0,calc(100% - var(--btn-cut)) 0,100% var(--btn-cut),100% 100%,0 100%);transition:color .18s ease,box-shadow .22s ease,transform .65s cubic-bezier(.16,1.3,.3,1),opacity .18s ease;-webkit-tap-highlight-color:transparent}.btn-corner-cut:before,.btn-corner-cut:after{content:"";position:absolute;inset:0;pointer-events:none;transition:background-color .18s ease}.btn-corner-cut:before{background:var(--btn-border, transparent);z-index:-2}.btn-corner-cut:after{background:var(--btn-bg, transparent);z-index:-1;inset:var(--btn-border-width);clip-path:polygon(0 0,calc(100% - var(--btn-cut) + var(--btn-border-width)) 0,100% calc(var(--btn-cut) - var(--btn-border-width)),100% 100%,0 100%)}.btn-corner-cut__label{position:relative;z-index:1}.btn-corner-cut:focus-visible{outline:none;box-shadow:var(--btn-focus)}.btn-corner-cut[data-variant]:active:not([disabled]):not([aria-disabled=true]){transform:scale(.95)!important;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}.btn-corner-cut[data-size=sm]{--btn-h: 44px;--btn-px: 28px;--btn-fs: 13px}.btn-corner-cut[data-size=md]{--btn-h: 54px;--btn-px: 38px;--btn-fs: 15px}.btn-corner-cut[data-size=lg]{--btn-h: 60px;--btn-px: 44px;--btn-fs: 16px}.btn-corner-cut{height:var(--btn-h);padding-inline:var(--btn-px);font-size:var(--btn-fs)}.btn-corner-cut[data-variant=primary]{--btn-bg: var(--btn-primary-bg);--btn-border: var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-corner-cut[data-variant=primary]:hover:not([disabled]):not([aria-disabled=true]){--btn-bg: #fff;color:var(--btn-primary-bg)}.btn-corner-cut[data-variant=secondary]{--btn-bg: var(--btn-secondary-bg);--btn-border: var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.btn-corner-cut[data-variant=secondary]:hover:not([disabled]):not([aria-disabled=true]){--btn-bg: #fff;--btn-border: var(--btn-secondary-fg)}.btn-corner-cut[data-variant=outlined]{--btn-bg: transparent;--btn-border: var(--btn-outlined-border);color:var(--btn-outlined-fg)}.btn-corner-cut[data-variant=outlined]:hover:not([disabled]):not([aria-disabled=true]){--btn-bg: var(--btn-outlined-fg);--btn-border: var(--btn-outlined-fg);color:#fff}.section--surface-deep .btn-corner-cut[data-variant=outlined]{--btn-border: rgba(255, 255, 255, .6);color:#fff}.section--surface-deep .btn-corner-cut[data-variant=outlined]:hover:not([disabled]){--btn-bg: #fff;--btn-border: #fff;color:var(--primary-ink)}.btn-corner-cut[data-variant=link],.btn-corner-cut[data-variant=unlined-link]{background:transparent;color:var(--btn-link-fg);height:auto;padding-inline:0;box-shadow:none;overflow:visible;clip-path:none}.btn-corner-cut[data-variant=link]:before,.btn-corner-cut[data-variant=unlined-link]:before,.btn-corner-cut[data-variant=link]:after,.btn-corner-cut[data-variant=unlined-link]:after{display:none}.btn-corner-cut[data-variant=link]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;text-decoration-color:var(--primary);transition:color .18s ease,text-underline-offset .2s cubic-bezier(.2,.8,.2,1)}.btn-corner-cut[data-variant=link] .btn-corner-cut__label{display:inline-block;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.btn-corner-cut[data-variant=link]:hover:not([disabled]),.btn-corner-cut[data-variant=unlined-link]:hover:not([disabled]){color:var(--btn-link-fg-hover)}.btn-corner-cut[data-variant=link]:hover:not([disabled]){text-underline-offset:8px}.btn-corner-cut[data-variant=link]:hover:not([disabled]) .btn-corner-cut__label{transform:translate(3px)}.section--surface-deep .btn-corner-cut[data-variant=link],.section--surface-deep .btn-corner-cut[data-variant=unlined-link]{color:#fff}.btn-corner-cut[disabled],.btn-corner-cut[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-corner-cut[data-loading=true] .btn-corner-cut__label{opacity:0}.btn-corner-cut[data-loading=true]:after{content:"";position:absolute;width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:btn-corner-cut-spin .7s linear infinite;z-index:2}@keyframes btn-corner-cut-spin{to{transform:rotate(360deg)}}
