.btn{border-radius:var(--radius-base);cursor:pointer;border:1px solid #0000;padding:.7em 1.5em;text-decoration:none;display:inline-block}.btn--primary{background:var(--color-brand);color:var(--color-text)}.btn--secondary{background:var(--color-secondary);color:var(--color-text)}.btn--outline{color:var(--color-text);border-color:var(--color-primary);background:0 0;border-width:2px}.btn--outline .btn__icon{color:var(--color-primary)}@media (hover:hover){.btn{transition:transform var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base), color var(--transition-base)}.btn:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.btn--primary:hover{background:var(--color-primary-dark);color:#fff}.btn--outline:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.btn--outline:hover .btn__icon{color:#fff}}.btn--icon{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.btn__icon{flex:none;block-size:1.25rem;inline-size:1.25rem}