.a-button{--un-button-color: var(--un-g-color-gray-700);--un-button-color-background: var(--un-g-color-gray-100);--un-button-color-background-hover: var(--un-g-color-black);--un-button-color-background-active: var(--un-button-color-background-hover);--un-button-color-background-focus: var(--un-button-color-background);--un-button-color-background-disabled: var(--un-g-color-gray-25);--un-button-color-border: var(--un-button-color-background);--un-button-color-border-hover: var(--un-button-color-background-hover);--un-button-color-border-active: var(--un-button-color-background-active);--un-button-color-border-focus: var(--un-button-color-background);--un-button-color-border-disabled: var(--un-g-color-gray-50);--un-button-border-style: solid;--un-button-border-width: var(--un-g-border-size-1);--un-button-border-radius: var(--un-g-radius-1);--un-button-color-text: var(--un-g-color-black);--un-button-color-text-hover: var(--un-button-color-text);--un-button-color-text-active: var(--un-button-color-text-hover);--un-button-color-text-focus: var(--un-button-color-text);--un-button-color-text-disabled: var(--un-g-color-gray-300);--un-button-line-height: 1;--un-button-font-family: var(--un-g-font-family-primary);--un-button-font-size: var(--un-g-font-size-md);--un-button-font-weight: var(--un-g-font-weight-medium);--un-button-icon-order: 0;--un-button-icon-space-left: 0;--un-button-icon-space-right: var(--un-g-space-md);--un-button-icon-space: var(--un-g-space-md);--un-button-color-svg-fill: var(--un-button-color-text);--un-button-color-svg-fill-hover: var(--un-button-color-text-hover);--un-button-space-y: var(--un-g-space-lg);--un-button-space-x: var(--un-g-space-xl);--un-button-space: var(--un-button-space-y) var(--un-button-space-x);--un-button-shadow: var(--shadow-1);--un-button-color-focus-ring: var(--un-g-color-blue-500)}.a-button{display:flex;align-items:center;justify-content:center;gap:var(--un-button-icon-space);padding:var(--un-button-space);overflow:hidden;color:var(--un-button-color-text);font-weight:var(--un-button-font-weight);font-size:var(--un-button-font-size);line-height:var(--un-button-line-height);text-decoration:none;background-color:var(--un-button-color-background);background-image:none;border-color:var(--un-button-color-border);border-style:var(--un-button-border-style);border-width:var(--un-button-border-width);border-radius:var(--un-button-border-radius);box-shadow:var(--un-button-shadow);width:100%}.a-button:hover{color:var(--un-button-color-text-hover);border-color:var(--un-button-color-border-hover);cursor:pointer;text-decoration:none}.a-button:hover .a-button__icon svg{fill:var(--un-button-color-svg-fill-hover)}.a-button:hover:not(:focus-visible){background-color:var(--un-button-color-background-hover);border-color:var(--un-button-color-border-hover);transition:all .3s ease;transition-property:background-color,border-color,color}.a-button:focus-visible{outline:var(--un-g-focus-ring-color) var(--un-g-focus-ring-style) var(--un-g-focus-ring-width);outline-offset:var(--un-g-focus-ring-offset)}.a-button:active{color:var(--un-button-color-text-active);background-color:var(--un-button-color-background-active);border-color:var(--un-button-color-border-active)}.a-button:focus{color:var(--un-button-color-text-focus);background-color:var(--un-button-color-background-focus);border-color:var(--un-button-color-border-focus)}.a-button[disabled]{color:var(--un-button-color-text-disabled);background-color:var(--un-button-color-background-disabled);border-color:var(--un-button-color-border-disabled)}.a-button[disabled] .a-button__icon svg{fill:var(--un-button-color-text-disabled)}.a-button[disabled]:hover{cursor:not-allowed}@media screen and (min-width: 992px){.a-button{width:auto;display:inline-flex}}.a-button.a-button--inline{width:auto;display:inline-flex}.a-button--primary{--un-button-color-text: var(--un-g-color-white);--un-button-color-background: var(--un-g-color-primary);--un-button-color-background-hover: var(--un-g-color-primary-darker)}.a-button--primary-outline{--un-button-color-text: var(--un-g-color-primary);--un-button-color-text-hover: var(--un-g-color-primary-darker);--un-button-color-background: var(--un-g-color-white);--un-button-color-background-hover: var(--un-g-color-primary-lighter);--un-button-color-border: var(--un-button-color-text);--un-button-color-border-hover: var(--un-button-color-border)}.a-button--ghost{--un-button-color-text: var(--un-g-color-gray-600);--un-button-color-text-hover: var(--un-g-color-gray-700);--un-button-color-background: var(--un-g-color-white);--un-button-color-background-hover: var(--un-g-color-gray-50);--un-button-color-border: transparent;--un-button-color-border-hover: transparent;--un-button-shadow: none;--un-button-color-focus-ring: var(--un-g-color-blue-500)}.a-button--ghost-outline{--un-button-color-text: var(--un-g-color-gray-600);--un-button-color-text-hover: var(--un-g-color-gray-700);--un-button-color-background: var(--un-g-color-gray-25);--un-button-color-background-hover: var(--un-g-color-gray-50);--un-button-color-border: var(--un-g-color-gray-100);--un-button-color-border-hover: var(--un-g-color-gray-100);--un-button-color-border-focus: var(--un-g-color-gray-100);--un-button-color-focus-ring: var(--un-g-color-blue-500)}@media screen and (min-width: 992px){.a-button--ghost-outline:focus{--un-button-color-background-focus: var(--un-g-color-gray-25);--un-button-color-border-focus: var(--un-g-color-gray-100)}}.a-button--sm{--un-button-font-size: var(--un-g-font-size-sm);--un-button-space-y: 10px;--un-button-space-x: var(--un-g-space-lg)}.a-button--md{--un-button-font-size: var(--un-g-font-size-sm);--un-button-space-y: 12px;--un-button-space-x: 14px}.a-button--lg{--un-button-space-y: 13px;--un-button-space-x: 18px}.a-button--xl{--un-button-space-y: 15px;--un-button-space-x: 18px}.a-button--2xl{--un-button-font-size: var(--un-g-font-size-lg);--un-button-space-y: 20px;--un-button-space-x: 22px}.a-button__text,.a-button__icon{display:inline-flex;align-items:center}.a-button__icon{order:var(--un-button-icon-order);justify-content:center}.a-button__icon svg{width:var(--un-button-font-size);height:var(--un-button-font-size);fill:var(--un-button-color-svg-fill)}.a-button--icon-only .a-button__text{border:0;clip:rect(1px 1px 1px 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;word-wrap:normal}.a-button--icon-only .a-button__icon{margin:0}.a-button--icon-position--right{flex-direction:row-reverse}

/*# sourceMappingURL=buttons.css.map*/