a,button{border:none;margin:0;padding:0;cursor:pointer;&.button{color:var(--color-black);border:none;height:2.5rem;cursor:pointer;padding:0 1.5rem;display:flex;align-items:center;border-radius:1in;font-weight:500;&>svg{&>path{fill:var(--color-black)}}&.small{height:2rem;padding:0 1.25rem;font-size:.875rem;&>svg{width:20px;height:20px}}&>:first-child:is(svg){margin-right:1rem;&>path{fill:#000}}&>:last-child:is(svg){margin-left:1rem;&>path{fill:#000}}&>svg:only-child{margin:0 -.25rem;&>path{fill:#000}}&.primary{color:var(--color-black);background:var(--color-turquoise);&>svg path{fill:var(--color-black)}&:hover{background:var(--color-turquoise-700)}&:active{background:var(--color-turquoise-800)}&:disabled{color:var(--color-neutral-200);background:var(--color-neutral-600);&>svg path{fill:var(--color-neutral-200)}}}&.primary-loading{color:var(--color-black);background:var(--color-turquoise);& svg{animation:rotation 1s linear infinite;& path{fill:none}}&:disabled{color:var(--color-black);background:var(--color-turquoise-800)}}&.primary-white{color:var(--color-black);background:var(--color-white);&>svg path{fill:var(--color-black)}&:hover{background:var(--color-neutral-200)}&:active{background:var(--color-neutral-300)}&:disabled{color:var(--color-neutral-200);background:var(--color-neutral-600);&>svg path{fill:var(--color-neutral-200)}}}&.secondary{color:var(--color-white);background:transparent;box-shadow:inset 0 0 0 2px;&>svg path{fill:var(--color-white)}&:hover{color:var(--color-turquoise);border-color:transparent;& svg path{fill:var(--color-turquoise)}}&:active{color:var(--color-turquoise-700);& svg path{fill:var(--color-turquoise-700)}}&:disabled{color:var(--color-neutral-300);& svg path{fill:var(--color-neutral-300)}}}&.secondary-loading{color:var(--color-neutral-200);background:var(--color-neutral-600);& svg{animation:rotation 1s linear infinite;& path{fill:none}}&:disabled{color:var(--color-neutral-300);& path{stroke:var(--color-neutral-200)}}}&.secondary-gray{color:var(--color-white);background:var(--color-neutral-700);&>svg path{fill:var(--color-white)}&:hover{background:var(--color-neutral-500)}&:active{background:var(--color-neutral-400)}&:disabled{cursor:not-allowed;color:var(--color-neutral-200);background:var(--color-neutral-700);&>svg path{fill:var(--color-neutral-200)}}}&.secondary-gradient{color:var(--color-white);background:transparent;position:relative;&>svg path{fill:var(--color-white)}&:before{inset:0;content:"";padding:2px;position:absolute;border-radius:1in;background:var(--gradient-magenta-turquoise);-webkit-mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude}&:hover{color:var(--color-turquoise);box-shadow:inset 0 0 0 2px;border-color:transparent;&>svg path{fill:var(--color-turquoise)}&:before{display:none}}&:active{color:var(--color-turquoise-700);border-color:transparent;&>svg path{fill:var(--color-turquoise-700)}&:before{display:none}}&:disabled{color:var(--color-neutral-300);box-shadow:inset 0 0 0 2px;border-color:transparent;&:before{display:none}&>svg path{fill:var(--color-neutral-300)}}}&.destructive{color:var(--color-black);background:var(--color-danger-700);&>svg path{fill:var(--color-black)}&:hover{background:var(--color-danger-800)}&:active{color:var(--color-danger-700);background:var(--color-danger-900);&>svg path{fill:var(--color-danger-700)}}&:disabled{color:var(--color-neutral-200);background:var(--color-neutral-600);&>svg path{fill:var(--color-neutral-200)}}}&>span{gap:.75rem;color:inherit;display:inline-flex;justify-content:center;line-height:1.25rem;align-items:center;&:has(abbr){display:inline}}&.icon{width:1.5rem;height:1.5rem;margin:0;padding:0;background:gold;border-radius:.25rem;display:flex;align-items:center;justify-content:center}}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}a.button{text-decoration:none;display:inline-flex;gap:.75rem}