.ab-button{--ab-button-height:var(--ab-size-medium);text-decoration:none;outline:0;cursor:pointer;text-align:center;display:inline-block;border:2px solid transparent;white-space:nowrap;font-family:var(--ab-font-primary);font-size:var(--ab-heading-200);font-weight:500;color:var(--ab-color-ui-600);background-color:var(--ab-color-ui-200);border-radius:var(--ab-border-radius-200);transition:background .2s ease;position:relative;padding:0 var(--ab-spacing-300);transition:all .2s var(--ab-animation-timing);height:var(--ab-button-height);line-height:calc(var(--ab-button-height) - 5px);min-width:var(--ab-button-height);box-sizing:border-box}.ab-button:hover{background-color:var(--ab-color-ui-300);color:var(--ab-color-ui-800)}.ab-button:focus{border-color:var(--ab-color-active-600)}.ab-button:active{-webkit-transform:scale(.97);transform:scale(.97)}.ab-button[disabled]{opacity:.3;cursor:auto}.ab-button--small{padding:0 var(--ab-spacing-200);font-size:var(--ab-heading-200);--ab-button-height:var(--ab-size-small)}.ab-button--medium{padding:0 var(--ab-spacing-300);font-size:var(--ab-heading-200);--ab-button-height:var(--ab-size-medium)}.ab-button--large{padding:0 var(--ab-spacing-400);font-size:var(--ab-heading-300);--ab-button-height:var(--ab-size-large)}.ab-button--full{width:100%}.ab-button .ab-button__icon{width:18px;height:18px}.ab-button--primary{color:var(--ab-color-white);background:var(--ab-color-primary-800);border-color:var(--ab-color-primary-800)}.ab-button--primary:hover{background-color:var(--ab-color-primary-900);border-color:var(--ab-color-primary-900);color:var(--ab-color-white)}.ab-button--transparent{background:transparent;border-color:transparent}.ab-button--transparent:hover{background:rgba(0,0,0,.08);border-color:transparent}.ab-button--active{background:var(--ab-color-active-400);border-color:var(--ab-color-active-400);color:var(--ab-color-ui-800)}.ab-button--active:hover{background-color:var(--ab-color-active-500);border-color:var(--ab-color-active-500)}.ab-button--negative{background:var(--ab-color-secondary-400);border-color:var(--ab-color-secondary-400);color:var(--ab-color-ui-800)}.ab-button--negative:hover{background-color:var(--ab-color-secondary-500);border-color:var(--ab-color-secondary-500)}.ab-button--positive{background:var(--ab-color-positive-400);border-color:var(--ab-color-positive-400);color:var(--ab-color-ui-800)}.ab-button--positive:hover{background-color:var(--ab-color-positive-500);border-color:var(--ab-color-positive-500)}.ab-button--warning{background:var(--ab-color-warning-400);border-color:var(--ab-color-warning-400);color:var(--ab-color-ui-800)}.ab-button--warning:hover{background:var(--ab-color-warning-500);border-color:var(--ab-color-warning-500)}.ab-button--warning:active{background:var(--ab-color-warning-600);border-color:var(--ab-color-warning-600)}.ab-button--secondary{background:var(--ab-color-white);border-color:var(--ab-color-ui-500);color:var(--ab-color-ui-600)}.ab-button--secondary:hover{background:var(--ab-color-ui-200);border-color:var(--ab-color-ui-500)}.ab-button--secondary:active{background:var(--ab-color-ui-600);border-color:var(--ab-color-ui-600);color:var(--ab-color-white)}