.ui-button{border:none;border-radius:15px;padding:.95rem 1.4rem;cursor:pointer;transition:transform .12s ease;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-item-spacing);background:var(--ds-button-primary-background);color:var(--ds-button-primary-color);font-weight:var(--ds-fontWeight-normal);line-height:1;&.default,&.primary{background:var(--ds-button-primary-background);color:var(--ds-button-primary-color)}&.secondary{background:var(--ds-button-secondary-background);color:var(--ds-button-secondary-color)}&.negative{background:var(--ds-button-negative-background);color:var(--ds-button-negative-color);border:1px solid var(--ds-button-negative-border)}&.muted{background:var(--ds-button-muted-background);color:var(--ds-button-muted-color);border:1px solid color-mix(in srgb,var(--ds-color-brand-primary) 16%,#fff)}&.ghost{background:transparent;color:var(--ds-button-ghost-color);border:1px solid var(--ds-button-ghost-color);box-shadow:none;text-decoration:none;text-underline-offset:.2em}&.danger{background:var(--ds-button-danger-background);color:var(--ds-button-danger-color);border:1px solid var(--ds-button-danger-border)}&.glassy{background:var(--ds-button-glassy-background);color:var(--ds-content-fontColor-neutral);border:1px solid var(--ds-button-glassy-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}&.btn-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b 45%,#8134af 75%,#515bd4);color:#fff}&.sm{font-size:.8rem;padding:.5rem 1rem}&.md{font-size:1rem}&.lg{font-size:1.2rem}&.full-width{width:var(--ds-size-full)}&:active{transform:translateY(1px)}&.disabled,&:disabled{background:#d6d8db;color:#8b9198;cursor:not-allowed;transform:none}.ui-button__label{display:inline-block}&.icon-left-edge{position:relative;justify-content:center;padding-left:2.65rem;>:where(i,ion-icon){position:absolute;left:1rem}}}