.store-button {
  display: inline-flex;
  align-items: center;
  gap: var(--site-spacing-sm);
  min-height: 56px;
  padding: 0.65rem 1.1rem;
  border-radius: var(--site-radius-md);
  background: var(--site-color-text);
  color: var(--site-color-background);
  text-decoration: none;
  border: 1px solid var(--site-color-text);
  transition: background var(--site-transition-fast), color var(--site-transition-fast),
              border-color var(--site-transition-fast), transform var(--site-transition-fast);
  font-weight: 600;
  cursor: pointer;
}

.store-button:hover {
  background: var(--site-color-primary);
  color: var(--site-color-background);
  border-color: var(--site-color-primary);
}
.store-button:active { transform: translateY(1px); }

.store-button__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.store-button__text {
  display: grid;
  line-height: 1.1;
  text-align: left;
}
.store-button__label {
  font-size: 0.7rem;
  font-weight: 500;
  opacity: 0.9;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.store-button__sublabel {
  font-size: var(--site-text-md);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.store-button--coming-soon {
  background: var(--site-color-surface);
  color: var(--site-color-text);
  border-color: var(--site-color-border);
  cursor: not-allowed;
  opacity: 0.95;
}
.store-button--coming-soon:hover {
  background: var(--site-color-surface);
  color: var(--site-color-text);
  border-color: var(--site-color-primary);
  transform: none;
}