.wg-deal2 .wg-deal2-head {
  --dl-btn-bg:       #ffffff;
  --dl-btn-ink:      #131a26;
  --dl-btn-bg-hover: #ffffff;
  --dl-btn-ring:     rgba(0, 0, 0, .06);
}

.wg-deal2.is-gold .wg-deal2-head {
  --dl-btn-bg:       #1a1206;
  --dl-btn-ink:      #ffffff;
  --dl-btn-bg-hover: #33240c;
  --dl-btn-ring:     rgba(255, 255, 255, .14);
}

.wg-deal2 .wg-deal2-btn {
  background: var(--dl-btn-bg) !important;
  color: var(--dl-btn-ink) !important;
  border: 1px solid var(--dl-btn-ring);
  box-shadow: 0 6px 18px -8px rgba(0, 0, 0, .45);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.wg-deal2 .wg-deal2-btn:hover,
.wg-deal2 .wg-deal2-btn:focus-visible {
  background: var(--dl-btn-bg-hover) !important;
  color: var(--dl-btn-ink) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .5);
}
.wg-deal2 .wg-deal2-btn:focus-visible { outline: 2px solid var(--dl-btn-bg); outline-offset: 2px }
.wg-deal2 .wg-deal2-btn:active { transform: none }

@media (prefers-color-scheme: dark) {
  .wg-deal2 .wg-deal2-btn { background: var(--dl-btn-bg) !important; color: var(--dl-btn-ink) !important }
}

@media (max-width: 560px) {
  .wg-deal2 .wg-deal2-btn { width: 100%; justify-content: center; padding: 11px 14px }
}