.button{transition:all .3s ease-in-out}.button{display:inline-flex;align-items:center;justify-content:center;position:relative;border:var(--button-border-width-border) solid;font-size:var(--font-size-body);font-weight:var(--button-font-weight-label);text-transform:var(--button-text-case);text-decoration:none;text-align:center;cursor:pointer;border-radius:var(--button-radius);line-height:var(--line-height-relaxed)}.button[disabled],.button[data-button-style=disabled]{cursor:not-allowed}.button>*{pointer-events:none}.button{padding:var(--button-padding-y) var(--button-padding-x)}.button[data-button-style=primary],.button[data-button-style=primary]:visited{color:var(--button-color-label);background-color:var(--button-color-bkg);border-color:var(--button-border-color);opacity:1}.button[data-button-style=primary] svg{fill:var(--button-color-label)}.button[data-button-style=primary]:hover,.button[data-button-style=primary]:focus{color:var(--button-color-label-hover);background-color:var(--button-color-bkg-hover);border-color:var(--button-border-color-hover)}.button[data-button-style=primary]:hover svg,.button[data-button-style=primary]:focus svg{fill:var(--button-color-label-hover)}[data-component-theme*=inverse] .button[data-button-style=primary]{color:var(--button-color-bkg);background-color:var(--button-color-label);border-color:var(--button-color-label);opacity:1}[data-component-theme*=inverse] .button[data-button-style=primary] svg{fill:var(--button-color-bkg)}[data-component-theme*=inverse] .button[data-button-style=primary]:hover,[data-component-theme*=inverse] .button[data-button-style=primary]:focus{color:var(--button-color-label);background-color:var(--button-color-bkg);border-color:var(--button-border-color)}[data-component-theme*=inverse] .button[data-button-style=primary]:hover svg,[data-component-theme*=inverse] .button[data-button-style=primary]:focus svg{fill:var(--button-color-label)}.button[data-button-style=primary][disabled],.button[data-button-style=primary][data-button-style=disabled]{background-color:var(--button-color-bkg);border-color:var(--button-border-color);color:var(--button-color-label)}[data-component-theme*=inverse] .button[data-button-style=primary][disabled],[data-component-theme*=inverse] .button[data-button-style=primary][data-button-style=disabled]{color:var(--button-color-bkg);background-color:var(--button-color-label);border-color:var(--button-color-label)}[data-component-theme*=inverse] .button[data-button-style=primary][disabled]:hover,[data-component-theme*=inverse] .button[data-button-style=primary][disabled]:focus,[data-component-theme*=inverse] .button[data-button-style=primary][data-button-style=disabled]:hover,[data-component-theme*=inverse] .button[data-button-style=primary][data-button-style=disabled]:focus{color:var(--button-color-label);background-color:var(--button-color-bkg);border-color:var(--button-border-color)}.button[data-button-style=clean],.button[data-button-style=clean]:visited{color:var(--link-color-default);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);opacity:1}.button[data-button-style=clean] svg{fill:var(--link-color-default)}.button[data-button-style=clean]:hover,.button[data-button-style=clean]:focus{color:var(--link-color-hover);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.button[data-button-style=clean]:hover svg,.button[data-button-style=clean]:focus svg{fill:var(--link-color-hover)}[data-component-theme*=inverse] .button[data-button-style=clean]{color:var(--button-color-label-hover);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);opacity:1}[data-component-theme*=inverse] .button[data-button-style=clean] svg{fill:var(--button-color-label-hover)}[data-component-theme*=inverse] .button[data-button-style=clean]:hover,[data-component-theme*=inverse] .button[data-button-style=clean]:focus{color:var(--button-color-label-hover);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}[data-component-theme*=inverse] .button[data-button-style=clean]:hover svg,[data-component-theme*=inverse] .button[data-button-style=clean]:focus svg{fill:var(--button-color-label-hover)}.button[data-button-style=clean][disabled],.button[data-button-style=clean][data-button-style=disabled]{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--link-color-default)}[data-component-theme*=inverse] .button[data-button-style=clean][disabled],[data-component-theme*=inverse] .button[data-button-style=clean][data-button-style=disabled]{color:var(--button-color-label-hover);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}[data-component-theme*=inverse] .button[data-button-style=clean][disabled]:hover,[data-component-theme*=inverse] .button[data-button-style=clean][disabled]:focus,[data-component-theme*=inverse] .button[data-button-style=clean][data-button-style=disabled]:hover,[data-component-theme*=inverse] .button[data-button-style=clean][data-button-style=disabled]:focus{color:var(--button-color-label-hover);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.button[data-button-style=disabled],.button[data-button-style=disabled]:visited{color:var(--color-grays-200);background-color:var(--color-grays-500);border-color:var(--color-grays-500);opacity:1}.button[data-button-style=disabled] svg{fill:var(--color-grays-200)}.button[data-button-style=disabled]:hover,.button[data-button-style=disabled]:focus{color:var(--color-grays-200);background-color:var(--color-grays-500);border-color:var(--color-grays-500)}.button[data-button-style=disabled]:hover svg,.button[data-button-style=disabled]:focus svg{fill:var(--color-grays-200)}[data-component-theme*=inverse] .button[data-button-style=disabled]{color:var(--color-grays-800);background-color:var(--color-grays-300);border-color:var(--color-grays-300);opacity:1}[data-component-theme*=inverse] .button[data-button-style=disabled] svg{fill:var(--color-grays-800)}[data-component-theme*=inverse] .button[data-button-style=disabled]:hover,[data-component-theme*=inverse] .button[data-button-style=disabled]:focus{color:var(--color-grays-800);background-color:var(--color-grays-300);border-color:var(--color-grays-300)}[data-component-theme*=inverse] .button[data-button-style=disabled]:hover svg,[data-component-theme*=inverse] .button[data-button-style=disabled]:focus svg{fill:var(--color-grays-800)}.button[data-button-style=disabled][disabled],.button[data-button-style=disabled][data-button-style=disabled]{background-color:var(--color-grays-500);border-color:var(--color-grays-500);color:var(--color-grays-200)}[data-component-theme*=inverse] .button[data-button-style=disabled][disabled],[data-component-theme*=inverse] .button[data-button-style=disabled][data-button-style=disabled]{color:var(--color-grays-800);background-color:var(--color-grays-300);border-color:var(--color-grays-300)}[data-component-theme*=inverse] .button[data-button-style=disabled][disabled]:hover,[data-component-theme*=inverse] .button[data-button-style=disabled][disabled]:focus,[data-component-theme*=inverse] .button[data-button-style=disabled][data-button-style=disabled]:hover,[data-component-theme*=inverse] .button[data-button-style=disabled][data-button-style=disabled]:focus{color:var(--color-grays-800);background-color:var(--color-grays-300);border-color:var(--color-grays-300)}.button:hover:is(a),.button:focus:is(a){text-decoration:underline}.button--bg-color{color:var(--color-white)}.button[data-button-alignment=right]>[class*=__content]{margin-right:var(--spacing-md)}.button[data-button-alignment=left]>[class*=__content]{margin-left:var(--spacing-md)}.button svg{display:block;width:var(--size-xl);max-height:var(--size-xl)}