:root{--ds-dur-edge:1.2s;--ds-nudge:4px;--ds-edge-gradient:linear-gradient(to bottom left,#fff 6.9%,#fff0 78.6%,#fff 97.6%)}@property --ds-edge-turn{syntax:"<angle>";inherits:false;initial-value:0deg}.ds-button{--ds-button-bg:transparent;--ds-button-hover:var(--ds-button-bg);--ds-button-shadow:0 0 #0000;--ds-sheen:#fff3;--ds-focus-gap:var(--v2-ink);--ds-focus-ring:var(--v2-white);justify-content:center;align-items:center;gap:var(--v2-space-icon);border-radius:var(--v2-radius-s);background-color:var(--ds-button-bg);box-shadow:var(--ds-button-shadow);font-family:var(--v2-font);font-size:var(--v2-text-button-size);font-weight:var(--v2-weight-medium);line-height:var(--v2-text-button-leading);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--v2-dur-hover)var(--v2-ease-out),transform var(--v2-dur-hover)var(--v2-ease-out);border:1px solid #0000;flex:none;padding:8px 16px;text-decoration:none;display:inline-flex;position:relative}.ds-button--light{--ds-button-bg:var(--v2-button-light-bg);--ds-button-hover:var(--v2-button-light-hover);--ds-sheen:#fffffff2;border-color:var(--v2-line-dark);color:var(--v2-ink-button);letter-spacing:var(--v2-text-button-tracking);text-shadow:var(--v2-shadow-button-text);filter:drop-shadow(var(--v2-shadow-button))}.ds-button--glass{--ds-button-hover:var(--v2-glass-hover);--ds-button-shadow:var(--v2-shadow-glass);--ds-sheen:#ffffff47;background-image:var(--v2-gradient-glass);color:var(--v2-white);-webkit-backdrop-filter:blur(var(--v2-blur-glass));backdrop-filter:blur(var(--v2-blur-glass));border-color:#0000}.ds-button--dark{--ds-button-bg:var(--v2-button-dark-bg);--ds-button-hover:var(--v2-button-dark-hover);--ds-sheen:#ffffff29;--ds-focus-gap:var(--v2-focus-gap);--ds-focus-ring:var(--v2-focus-ring);color:var(--v2-white);letter-spacing:var(--v2-text-button-tracking);filter:drop-shadow(var(--v2-shadow-button));border-width:0}@media (hover:hover){.ds-button:hover{background-color:var(--ds-button-hover)}}.ds-button:active{transform:scale(var(--v2-press-scale))}.ds-button:focus-visible{outline:var(--v2-focus-width)solid var(--ds-focus-ring);outline-offset:var(--v2-focus-width);box-shadow:0 0 0 var(--v2-focus-width)var(--ds-focus-gap),var(--ds-button-shadow)}.ds-button__label{position:relative}.ds-button__icon{flex:none;width:16px;height:16px;display:block;position:relative}.ds-button__icon svg{width:16px;height:16px;display:block}.ds-button__spark svg{transition:transform var(--v2-dur-hover)var(--v2-ease-out)}.ds-button--glass:before,.ds-button--glass:after,.ds-edge:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ds-button--glass:before,.ds-edge:before{background:var(--ds-edge-gradient)}.ds-button--glass:after{background:conic-gradient(from calc(var(--ds-edge-turn) - 30deg),#fff0 0deg,#fff 100deg,#fff0 140deg,#fff0 180deg,#fff 280deg,#fff0 320deg);opacity:0;transition:opacity var(--v2-dur-base)var(--v2-ease-out)}.ds-button__sheen{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ds-button__sheen:after{content:"";background:linear-gradient(110deg,transparent 25%,var(--ds-sheen)50%,transparent 75%);width:60%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ds-button__arrow svg{transition:translate var(--v2-dur-hover)var(--v2-ease-out)}.ds-button:is(:hover,:focus-visible) .ds-button__arrow svg{translate:var(--ds-nudge)0}.ds-button--glass:before{transition:opacity var(--v2-dur-base)var(--v2-ease-out)}.ds-button--glass:hover:before{opacity:0}.ds-button--glass:hover:after{opacity:1;transition-duration:var(--v2-dur-hover);animation:ds-edge-turn var(--ds-dur-edge)var(--v2-ease-in-out)}.ds-button:hover .ds-button__spark svg{transition-duration:var(--v2-dur-spark);transform:rotate(90deg)}.ds-button:hover .ds-button__sheen:after{transition:transform var(--v2-dur-sheen)var(--v2-ease-in-out);transform:translate(170%)}}@keyframes ds-edge-turn{0%{--ds-edge-turn:0deg}to{--ds-edge-turn:360deg}}@media (prefers-reduced-motion:reduce){.ds-button{transition:background-color .15s linear}.ds-button:active{transform:none}.ds-button__sheen{display:none}}