.store-button { display: inline-flex; min-block-size: 2.8rem; align-items: center; justify-content: center; padding: .7rem 1.2rem; border: 1px solid var(--button-border); color: var(--button-text); background: var(--button-background); font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .18s, border-color .18s, transform .18s; }
.store-button:disabled, .store-button[aria-disabled="true"] { cursor: not-allowed; }
.store-button:hover:not(:disabled):not([aria-disabled="true"]) { border-color: var(--button-border-hover); color: var(--button-text-hover); background: var(--button-background-hover); }
.store-button:active:not(:disabled):not([aria-disabled="true"]) { border-color: var(--button-border-active); color: var(--button-text-active); background: var(--button-background-active); transform: translateY(1px); }
.store-button--rounded { border-radius: var(--store-radius-sm); }
.store-button--square { border-radius: 0; }
.store-button--pill { border-radius: 999px; }