.button.button--secondary {
  --color-button: var(--color-base-accent-2);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
  background-color: rgb(var(--color-base-accent-2));
  color: rgb(var(--color-base-solid-button-labels));
}

.button.button--secondary:after {
  --border-opacity: calc(1 - var(--buttons-border-opacity));
}

.gift-card-template .button.button--secondary {
  box-shadow: 0 0 0 0.1rem rgb(var(--color-base-accent-2));
}

.gift-card-template .button.button--secondary:hover {
  box-shadow: 0 0 0 0.2rem rgb(var(--color-base-accent-2));
}

.gift-card-template .button.button--secondary:focus,
.gift-card-template .button.button--secondary:focus-visible {
  box-shadow:
    0 0 0 0.1rem rgb(var(--color-base-accent-2)),
    0 0 0 0.3rem rgb(var(--color-base-background-1)),
    0 0 0.5rem 0.4rem rgba(var(--color-base-text), 0.3);
}