:root {
  --button-height: 46px;
  --button-height-compact: 44px;
  --button-padding-x: 22px;
  --button-font-size: 14px;
  --button-primary-bg: var(--color-ink);
  --button-primary-bg-hover: var(--color-dark);
  --button-primary-text: var(--color-white);
  --button-outline-border: var(--color-muted);
  --button-outline-border-hover: var(--color-ink);
  --button-outline-text: var(--color-text);
}

.dv-page .wp-block-button__link,
.dv-footer .wp-block-button__link,
.dv-hero--cover .wp-block-button__link,
.dv-reviews .wp-block-button__link,
.dv-articles .wp-block-button__link,
.dv-reviews-page .wp-block-button__link,
.dv-articles-page .wp-block-button__link,
.dv-article-page__back .wp-block-button__link {
  align-items: center;
  display: inline-flex;
  font-family: var(--font-body);
  font-size: var(--button-font-size);
  font-weight: 800;
  justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1.15;
  min-height: var(--button-height);
  padding: 14px var(--button-padding-x);
  text-align: center;
  transform: translateY(0) scale(1);
  transition-duration: var(--motion-fast), var(--motion-fast), var(--motion-fast), var(--motion-fast);
  transition-property: transform, background-color, border-color, color;
  transition-timing-function: var(--motion-ease);
  white-space: normal;
}

.dv-page .wp-block-button__link:hover,
.dv-footer .wp-block-button__link:hover,
.dv-reviews .wp-block-button__link:hover,
.dv-articles .wp-block-button__link:hover,
.dv-reviews-page .wp-block-button__link:hover,
.dv-articles-page .wp-block-button__link:hover,
.dv-article-page__back .wp-block-button__link:hover {
  transform: translateY(-2px) scale(1);
}

.dv-page .wp-block-button__link:active,
.dv-footer .wp-block-button__link:active,
.dv-reviews .wp-block-button__link:active,
.dv-articles .wp-block-button__link:active,
.dv-reviews-page .wp-block-button__link:active,
.dv-articles-page .wp-block-button__link:active,
.dv-article-page__back .wp-block-button__link:active {
  transform: translateY(0) scale(0.96);
}

.dv-page .wp-block-button__link:focus-visible,
.dv-footer .wp-block-button__link:focus-visible,
.dv-reviews .wp-block-button__link:focus-visible,
.dv-articles .wp-block-button__link:focus-visible,
.dv-reviews-page .wp-block-button__link:focus-visible,
.dv-articles-page .wp-block-button__link:focus-visible,
.dv-article-page__back .wp-block-button__link:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}

.dv-page .wp-block-button__link[aria-disabled="true"],
.dv-page .wp-block-button__link[aria-disabled="true"]:hover,
.dv-page button:disabled,
.dv-footer .wp-block-button__link[aria-disabled="true"],
.dv-footer .wp-block-button__link[aria-disabled="true"]:hover,
.dv-footer button:disabled,
.dv-reviews .wp-block-button__link[aria-disabled="true"],
.dv-reviews .wp-block-button__link[aria-disabled="true"]:hover,
.dv-articles .wp-block-button__link[aria-disabled="true"],
.dv-articles .wp-block-button__link[aria-disabled="true"]:hover,
.dv-reviews-page .wp-block-button__link[aria-disabled="true"],
.dv-reviews-page .wp-block-button__link[aria-disabled="true"]:hover,
.dv-articles-page .wp-block-button__link[aria-disabled="true"],
.dv-articles-page .wp-block-button__link[aria-disabled="true"]:hover,
.dv-article-page__back .wp-block-button__link[aria-disabled="true"],
.dv-article-page__back .wp-block-button__link[aria-disabled="true"]:hover {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
  transform: none;
}

.dv-page .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.dv-footer .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.dv-reviews .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.dv-articles .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.dv-reviews-page .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.dv-articles-page .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.dv-article-page__back .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: var(--button-primary-bg);
  color: var(--button-primary-text);
}

.dv-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.dv-footer .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.dv-reviews .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.dv-articles .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.dv-reviews-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.dv-articles-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.dv-article-page__back .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: var(--button-primary-bg-hover);
}

.dv-page .is-style-outline .wp-block-button__link,
.dv-footer .is-style-outline .wp-block-button__link,
.dv-reviews .is-style-outline .wp-block-button__link,
.dv-articles .is-style-outline .wp-block-button__link,
.dv-reviews-page .is-style-outline .wp-block-button__link,
.dv-articles-page .is-style-outline .wp-block-button__link,
.dv-article-page__back .is-style-outline .wp-block-button__link {
  background: transparent;
  border: 1px solid var(--button-outline-border);
  color: var(--button-outline-text);
}

.dv-page .is-style-outline .wp-block-button__link:hover,
.dv-footer .is-style-outline .wp-block-button__link:hover,
.dv-reviews .is-style-outline .wp-block-button__link:hover,
.dv-articles .is-style-outline .wp-block-button__link:hover,
.dv-reviews-page .is-style-outline .wp-block-button__link:hover,
.dv-articles-page .is-style-outline .wp-block-button__link:hover,
.dv-article-page__back .is-style-outline .wp-block-button__link:hover {
  background: rgba(58, 56, 51, 0.06);
  border-color: var(--button-outline-border-hover);
}

.dv-hero--cover .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: var(--color-gold);
  color: var(--color-dark-strong);
}

.dv-hero--cover .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: var(--color-gold-hover);
}

.dv-hero--cover .is-style-outline .wp-block-button__link {
  border-color: rgba(232, 196, 134, 0.78);
  color: var(--color-white);
}

.dv-hero--cover .is-style-outline .wp-block-button__link:hover {
  background: rgba(232, 196, 134, 0.12);
  border-color: var(--color-gold);
}
