.button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;font-weight:600;text-align:center;border-radius:3.5px;transition:background-color .3s,box-shadow .3s}.button:disabled{color:var(--font-color-100);background-color:var(--gray-color-200);cursor:not-allowed}.button:focus{box-shadow:0 0 0 4px var(--main-color-100)}.button--xsmall{min-width:41px;height:43px}.button--small,.button--xsmall{padding:.75rem;font-size:.875rem}.button--small{min-width:80px}.button--small .unicon svg{height:16px;width:16px}.button--medium{min-width:120px;padding:.75rem;font-size:.9rem}.button--large{min-width:150px;padding:.75rem;font-size:1.075rem}.button--primary{color:#fff;background-color:var(--main-color-500)}.button--primary:not(:disabled):hover{background-color:var(--main-color-600)}.button--primary:active{background-color:var(--main-color-700)}.button--secondary{color:var(--main-color-500);border:solid 1px var(--main-color-500);background-color:#fff}.button--secondary:not(:disabled):hover{background-color:var(--main-color-100)}.button--secondary:active{background-color:var(--main-color-200)}.button--text{color:var(--main-color-500)}.button--text:not(:disabled):hover{-webkit-text-decoration:underline 1.2px;text-decoration:underline 1.2px}.button--secondary-text{height:35px;min-height:35px;color:var(--font-color-100);font-weight:var(--regular);padding-top:0;padding-bottom:0;padding-left:.375rem;line-height:1rem}.button--secondary-text:not(:disabled):hover{background-color:var(--gray-color-100)}.button--danger{color:var(--danger-color-400);box-shadow:inset 0 0 0 .75px currentColor}.button--danger:not(:disabled):hover{background-color:var(--danger-color-100)}