.c-button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--button-height);padding:0 var(--spacing-lg);background:var(--brand-yellow);border:var(--border-width) solid var(--brand-yellow);border-radius:var(--border-radius-full);color:var(--brand-yellow-ink);font-family:var(--font-base);font-size:var(--control-font-size);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);white-space:nowrap;>span{display:flex;align-items:center;gap:var(--spacing-sm)}& svg{flex-shrink:0;height:1.25rem;width:1.25rem}&:hover:not(:disabled){background:var(--brand-yellow-80);border-color:var(--brand-yellow-80)}&:active:not(:disabled){background:var(--brand-yellow);border-color:var(--brand-yellow)}&:disabled{opacity:.5;cursor:not-allowed}&:focus-visible{outline:none;box-shadow:var(--focus-ring)}}.c-button--secondary{background:var(--white);border-color:var(--grey80);color:var(--black);&:hover:not(:disabled){background:var(--grey10);border-color:var(--grey60)}&:active:not(:disabled){background:var(--grey20);border-color:var(--grey80)}}.c-button--ghost{background:var(--light-grey);border-color:var(--light-grey);color:var(--black);&:hover:not(:disabled){background:var(--light-grey2);border-color:var(--light-grey2)}&:active:not(:disabled){background:var(--grey30);border-color:var(--grey30)}}.c-button--danger{background:var(--error50);border-color:var(--error50);color:var(--white);&:hover:not(:disabled){background:var(--error60);border-color:var(--error60)}&:active:not(:disabled){background:var(--error50);border-color:var(--error50)}}.c-button--small,.c-button--sm{height:var(--button-height-sm);min-width:4rem;padding:0 var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.c-button--md{height:var(--button-height);padding:0 var(--spacing-lg);font-size:var(--control-font-size)}.c-button--lg{height:var(--button-height-lg);padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}.c-button__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;& svg{animation:spin 1s linear infinite}}@media (max-width: 29.4375rem){.c-button{width:100%}}