.button{cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:13px 40px;font-family:inherit;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;position:relative;overflow:hidden}.button:focus{outline-offset:2px;outline:2px solid #0000}.button.primary{color:#fff;background:var(--primary);font-family:var(--font-dm-sans),sans-serif;text-align:center;font-size:23.4px;font-weight:600}.button.primary:hover:not(.disabled){opacity:.8}.button.primary:active:not(.disabled){transform:translateY(0)}.button.secondary{color:var(--color-black);border:2px solid var(--border-grey);background:0 0}.button.secondary:hover:not(.disabled){opacity:.8}.button.icon-button{border-radius:5px;min-width:48px;min-height:48px}.button.icon-button.secondary:hover:not(.disabled){opacity:.8}.button.small{min-height:36px;padding:8px 16px;font-size:14px}.button.medium{min-height:44px;padding:12px 24px;font-size:16px}.button.large{min-height:52px;padding:14px 40px;font-size:18px}.button.icon-button.small{padding:8px}.button.icon-button.medium{padding:12px}.button.icon-button.large{padding:14px 40px}.button .icon{justify-content:center;align-items:center;font-size:1.2em;display:flex}.button .text-with-icon{margin-left:4px}.button .text{display:block}.button.disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.button.disabled:hover{box-shadow:none!important;transform:none!important}.button:focus-visible{outline-offset:2px;outline:2px solid #667eea}@media (max-width:768px){.button{font-size:14px}.button.large{padding:14px 28px;font-size:16px}}
.icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon svg{width:100%;height:100%}.icon.small{width:16px;height:16px}.icon.medium{width:24px;height:24px}.icon.large{width:32px;height:32px}.icon.extra-large{width:48px;height:48px}.icon.xs{width:12px;height:12px}.icon.xl{width:40px;height:40px}.icon.xxl{width:64px;height:64px}.icon.animated{transition:all .2s ease-in-out}.icon.animated:hover{transform:scale(1.1)}.icon.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon.pulsing{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.icon.disabled{opacity:.5;cursor:not-allowed}.icon.clickable{cursor:pointer;transition:all .2s ease-in-out}.icon.clickable:hover{transform:scale(1.05)}.icon.clickable:active{transform:scale(.95)}@media (max-width:768px){.icon{max-width:100%;max-height:100%}.icon.large{width:28px;height:28px}.icon.extra-large{width:40px;height:40px}}