.ui-button:focus{outline:none;box-shadow:none}.ui-button--medium,.ui-button--small{border-radius:calc(var(--border-radius-small) - 2px);font-size:var(--text-body-small);padding:.4375rem 1rem}@media screen and (min-width:1024px){.ui-button--medium{font-size:var(--text-body-medium);border-radius:var(--border-radius-small);padding:.5625rem 1rem}}.ui-button--large{border-radius:var(--border-radius-small);font-size:var(--text-body-medium);padding:.5625rem 1rem}@media screen and (min-width:1024px){.ui-button--large{font-size:var(--text-body-large);border-radius:var(--border-radius-small);padding:.75rem 1rem}}.ui-button--default{color:var(--Grayscale-Grayscale-10);border-radius:calc(var(--border-radius-small) - 5px)}.ui-button--ghost{background-color:#ebebeb;border:0;color:var(--Grayscale-Grayscale-40)}.ui-button__loading-rotate{animation:rotate 1s linear infinite,fade-in .2s ease-in forwards;opacity:0}.ui-button__label{font-size:var(--text-body-small)}.ui-button__label-loading{animation:shrink .2s ease-in forwards,flash 1s ease-in-out infinite}@media screen and (min-width:768px){.ui-button__label{font-size:var(--text-body-medium)}}@media screen and (min-width:1024px){.ui-button__label{font-size:var(--text-body-large)}}.ui-button--secondary{border:1px solid var(--Keoni-Primary);background-color:var(--Grayscale-Grayscale-10);color:var(--Keoni-Primary)}.ui-button--tertiary{background-color:rgba(0,0,0,0);border:0;border-radius:0;padding:0}.ui-button:hover{opacity:.8}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes flash{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}