.button{align-items:center;border-radius:var(--button-border-radius);border-style:solid;border-width:var(--button-border-width);cursor:pointer;display:inline-flex;font-family:var(--button-font-family);font-size:var(--button-font-size);justify-content:center;line-height:var(--button-line-height);min-height:var(--button-height);padding:var(--button-padding);padding-top:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;white-space:nowrap}.button:not(:first-child):not(:last-child){margin-left:10px}.button--small{font-size:var(--button-small-font-size);line-height:var(--button-small-line-height);min-height:var(--button-small-height);padding:var(--button-small-padding)}.button__text{transform:translateY(.24em)}.button--small .button__text{transform:translateY(0)}.button--fullwidth{width:100%}.button--primary{background-color:var(--button-primary-bg);border-color:var(--button-primary-border);color:var(--button-primary-color)}.button--primary:hover{background-color:var(--button-primary-bg-hover);border-color:var(--button-primary-border-hover);color:var(--button-primary-color-hover)}.button--primary:focus{background-color:var(--button-primary-bg-focus);border-color:var(--button-primary-border-focus);color:var(--button-primary-color-focus)}.button--primary:active{background-color:var(--button-primary-bg-active);border-color:var(--button-primary-border-active);color:var(--button-primary-color-active)}.button--secondary{background-color:var(--button-secondary-bg);border-color:var(--button-secondary-border);color:var(--button-secondary-color)}.button--secondary:hover{background-color:var(--button-secondary-bg-hover);border-color:var(--button-secondary-border-hover);color:var(--button-secondary-color-hover)}.button--secondary:focus{background-color:var(--button-secondary-bg-focus);border-color:var(--button-secondary-border-focus);color:var(--button-secondary-color-focus)}.button--secondary:active{background-color:var(--button-secondary-bg-active);border-color:var(--button-secondary-border-active);color:var(--button-secondary-color-active)}.button[class*=button--bw],.button[class*=button--sww]{background-color:var(--button-bg);border-color:transparent;color:var(--button-color)}.button[class*=button--bw]:hover,.button[class*=button--sww]:hover{background-color:color-mix(in oklab,var(--button-bg) 80%,#fff);color:var(--button-color)}.button[class*=button--bw]:focus,.button[class*=button--sww]:focus{background-color:var(--button-bg);border-color:var(--color-black);color:var(--button-color)}.button[class*=button--bw]:active,.button[class*=button--sww]:active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.button--sww-salmon-pink{--button-bg:#ff949f;--button-color:#1f2930}.button--sww-yellow{--button-bg:#ffd02f;--button-color:#1f2930}.button--sww-sky-blue{--button-bg:#48c6ee;--button-color:#1f2930}.button--sww-purple{--button-bg:#2f2a51;--button-color:#fff}.button--bw-coral{--button-bg:#ef6a80;--button-color:#1f2930}.button--bw-yellow{--button-bg:#ffc72c;--button-color:#1f2930}.button--bw-teal{--button-bg:#00afb9;--button-color:#1f2930}.button--bw-light-blue{--button-bg:#79c7f2;--button-color:#1f2930}.button--bw-navy-blue{--button-bg:#203869;--button-color:#fff}