.ds-btn{vertical-align:middle;cursor:pointer;justify-content:center;align-items:center;transition:box-shadow .2s,filter .2s;display:inline-flex;position:relative;overflow:hidden}.ds-btn:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:0 0;transition:background .2s;position:absolute;inset:0}.ds-btn:after{content:"";border-top:var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) transparent;border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0}.ds-btn .btn__icon,.ds-btn .btn__label{z-index:3;position:relative}.ds-btn .btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-btn .btn__icon svg{width:100%;height:100%;display:block}[class*=is-web] .ds-btn:hover:not(:disabled):before{background:rgba(var(--static-white), var(--fds-ref-alpha-12))}[class*=is-web] .ds-btn:active:not(:disabled):before,.ds-btn:active:not(:disabled):before{background:rgba(var(--static-white), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-size--xs{height:var(--fds-sem-dimension-small);min-width:var(--fds-sem-dimension-2xlarge);min-height:var(--fds-sem-dimension-small);max-height:var(--fds-sem-dimension-small);padding:var(--fds-ref-spacing-2xsmall) var(--fds-ref-spacing-medium);gap:var(--fds-ref-spacing-2xsmall)}.ds-btn.ds-btn-size--xs .btn__icon{width:var(--fds-sem-dimension-xsmall);height:var(--fds-sem-dimension-xsmall)}.ds-btn.ds-btn-size--sm{height:var(--fds-sem-dimension-medium);min-width:var(--fds-sem-dimension-2xlarge);min-height:var(--fds-sem-dimension-medium);max-height:var(--fds-sem-dimension-medium);padding:var(--fds-ref-spacing-2xsmall) var(--fds-ref-spacing-large);gap:var(--fds-ref-spacing-2xsmall)}.ds-btn.ds-btn-size--sm .btn__icon{width:var(--fds-sem-dimension-xsmall);height:var(--fds-sem-dimension-xsmall)}.ds-btn.ds-btn-size--md{height:var(--fds-sem-dimension-large);min-width:var(--fds-sem-dimension-4xlarge);min-height:var(--fds-sem-dimension-large);max-height:var(--fds-sem-dimension-large);padding:var(--fds-ref-spacing-none) var(--fds-ref-spacing-2xlarge);gap:var(--fds-ref-spacing-xsmall)}.ds-btn.ds-btn-size--md .btn__icon{width:var(--fds-sem-dimension-xsmall-nudge);height:var(--fds-sem-dimension-xsmall-nudge)}.ds-btn.ds-btn-size--lg{height:var(--fds-sem-dimension-xlarge);min-width:var(--fds-sem-dimension-4xlarge);min-height:var(--fds-sem-dimension-xlarge);max-height:var(--fds-sem-dimension-xlarge);padding:var(--fds-ref-spacing-none) var(--fds-ref-spacing-2xlarge);gap:var(--fds-ref-spacing-xsmall)}.ds-btn.ds-btn-size--lg .btn__icon{width:var(--fds-sem-dimension-xsmall-nudge);height:var(--fds-sem-dimension-xsmall-nudge)}.ds-btn.ds-btn-size--xl{height:var(--fds-sem-dimension-2xlarge);min-width:var(--fds-sem-dimension-4xlarge);min-height:var(--fds-sem-dimension-2xlarge);max-height:var(--fds-sem-dimension-2xlarge);padding:var(--fds-ref-spacing-none) var(--fds-ref-spacing-2xlarge);gap:var(--fds-ref-spacing-xsmall)}.ds-btn.ds-btn-size--xl .btn__icon{width:var(--fds-sem-dimension-small);height:var(--fds-sem-dimension-small)}.ds-btn.ds-btn--icon.ds-btn-size--xs{min-width:var(--fds-sem-dimension-small);max-width:var(--fds-sem-dimension-small);padding:0}.ds-btn.ds-btn--icon.ds-btn-size--sm{min-width:var(--fds-sem-dimension-medium);max-width:var(--fds-sem-dimension-medium);padding:0}.ds-btn.ds-btn--icon.ds-btn-size--md{min-width:var(--fds-sem-dimension-large);max-width:var(--fds-sem-dimension-large);padding:0}.ds-btn.ds-btn--icon.ds-btn-size--lg{min-width:var(--fds-sem-dimension-xlarge);max-width:var(--fds-sem-dimension-xlarge);padding:0}.ds-btn.ds-btn--icon.ds-btn-size--xl{min-width:var(--fds-sem-dimension-2xlarge);max-width:var(--fds-sem-dimension-2xlarge);padding:0}.ds-btn.ds-btn-variant--primary{background:rgba(var(--hero), var(--fds-ref-alpha-100));color:rgba(var(--hero-sc), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-variant--primary:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-variant--info{background:rgba(var(--info), var(--fds-ref-alpha-100));color:rgba(var(--info-sc), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-variant--info:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-variant--secondary{background:rgba(var(--oc-1), var(--fds-ref-alpha-100));color:rgba(var(--oc-1-sc), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-variant--secondary:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-variant--neutral{background:rgba(var(--neutral), var(--fds-ref-alpha-100));color:rgba(var(--neutral-sc), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-variant--neutral:after{border-top-color:rgba(var(--neutral-sc), var(--fds-ref-alpha-24))}[class*=is-web] .ds-btn.ds-btn-variant--neutral:hover:not(:disabled):before{background:rgba(var(--neutral-sc), var(--fds-ref-alpha-12))}[class*=is-web] .ds-btn.ds-btn-variant--neutral:active:not(:disabled):before,.ds-btn.ds-btn-variant--neutral:active:not(:disabled):before{background:rgba(var(--neutral-sc), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-variant--transparent{background:rgba(var(--b-sc), var(--fds-ref-alpha-8));color:rgba(var(--b-sc), var(--fds-ref-alpha-90))}.ds-btn.ds-btn-variant--transparent:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-16))}[class*=is-web] .ds-btn.ds-btn-variant--transparent:hover:not(:disabled):before{background:rgba(var(--neutral), var(--fds-ref-alpha-12))}[class*=is-web] .ds-btn.ds-btn-variant--transparent:active:not(:disabled):before,.ds-btn.ds-btn-variant--transparent:active:not(:disabled):before{background:rgba(var(--neutral), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-variant--transparent-static-light{background:rgba(var(--static-white), var(--fds-ref-alpha-8));color:rgba(var(--static-white), var(--fds-ref-alpha-90))}.ds-btn.ds-btn-variant--transparent-static-light:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-16))}[class*=is-web] .ds-btn.ds-btn-variant--transparent-static-light:hover:not(:disabled):before{background:rgba(var(--static-white), var(--fds-ref-alpha-12))}[class*=is-web] .ds-btn.ds-btn-variant--transparent-static-light:active:not(:disabled):before,.ds-btn.ds-btn-variant--transparent-static-light:active:not(:disabled):before{background:rgba(var(--static-white), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-variant--transparent-static-light-black-tinted{background:rgba(var(--static-black), var(--fds-ref-alpha-56));color:rgba(var(--static-white), var(--fds-ref-alpha-90))}.ds-btn.ds-btn-variant--transparent-static-light-black-tinted:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-16))}[class*=is-web] .ds-btn.ds-btn-variant--transparent-static-light-black-tinted:hover:not(:disabled):before{background:rgba(var(--static-white), var(--fds-ref-alpha-12))}[class*=is-web] .ds-btn.ds-btn-variant--transparent-static-light-black-tinted:active:not(:disabled):before,.ds-btn.ds-btn-variant--transparent-static-light-black-tinted:active:not(:disabled):before{background:rgba(var(--static-white), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-variant--success{background:rgba(var(--success), var(--fds-ref-alpha-100));color:rgba(var(--static-white), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-variant--success:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-variant--warning{background:rgba(var(--warning), var(--fds-ref-alpha-100));color:rgba(var(--static-black), var(--fds-ref-alpha-90))}.ds-btn.ds-btn-variant--warning:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-48))}.ds-btn.ds-btn-variant--error{background:rgba(var(--error), var(--fds-ref-alpha-100));color:rgba(var(--static-white), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-variant--error:after{border-top-color:rgba(var(--static-white), var(--fds-ref-alpha-24))}.ds-btn.ds-btn-radius--none{border-radius:var(--fds-ref-radius-none)}.ds-btn.ds-btn-radius--4xs{border-radius:var(--fds-ref-radius-4xsmall)}.ds-btn.ds-btn-radius--3xs{border-radius:var(--fds-ref-radius-3xsmall)}.ds-btn.ds-btn-radius--2xs{border-radius:var(--fds-ref-radius-2xsmall)}.ds-btn.ds-btn-radius--xs{border-radius:var(--fds-ref-radius-xsmall)}.ds-btn.ds-btn-radius--sm{border-radius:var(--fds-ref-radius-small)}.ds-btn.ds-btn-radius--md{border-radius:var(--fds-ref-radius-medium)}.ds-btn.ds-btn-radius--lg{border-radius:var(--fds-ref-radius-large)}.ds-btn.ds-btn-radius--full{border-radius:var(--fds-ref-radius-full)}.ds-btn.ds-btn-appearance--text{background:0 0}.ds-btn.ds-btn-appearance--text:after{border-top-color:#0000}[class*=is-web] .ds-btn.ds-btn-appearance--text:hover:not(:disabled):before{background:rgba(var(--b-sc), var(--fds-ref-alpha-8))}[class*=is-web] .ds-btn.ds-btn-appearance--text:active:not(:disabled):before,.ds-btn.ds-btn-appearance--text:active:not(:disabled):before{background:rgba(var(--b-sc), var(--fds-ref-alpha-16))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--primary{color:rgba(var(--hero), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--info{color:rgba(var(--info), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--secondary{color:rgba(var(--oc-1), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent{color:rgba(var(--b-sc), var(--fds-ref-alpha-90))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-static-light{color:rgba(var(--static-white), var(--fds-ref-alpha-90))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-text-40{color:rgba(var(--b-sc), var(--fds-ref-alpha-40))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-text-48{color:rgba(var(--b-sc), var(--fds-ref-alpha-48))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-text-56{color:rgba(var(--b-sc), var(--fds-ref-alpha-56))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--transparent-text-64{color:rgba(var(--b-sc), var(--fds-ref-alpha-64))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--success{color:rgba(var(--success), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--warning{color:rgba(var(--warning), var(--fds-ref-alpha-100))}.ds-btn.ds-btn-appearance--text.ds-btn-variant--error{color:rgba(var(--error), var(--fds-ref-alpha-100))}.ds-btn:disabled,.ds-btn.ds-btn--disabled{background:rgba(var(--b-sc), var(--fds-ref-alpha-8));color:rgba(var(--b-sc), var(--fds-ref-alpha-24));cursor:not-allowed}.ds-btn:disabled.ds-btn-appearance--text,.ds-btn.ds-btn--disabled.ds-btn-appearance--text{color:rgba(var(--b-sc), var(--fds-ref-alpha-24));background:0 0}.ds-btn:disabled:before,.ds-btn.ds-btn--disabled:before{display:none}.ds-btn:disabled:after,.ds-btn.ds-btn--disabled:after{background:0 0;border-top-color:#0000}