.subscribe__cta a {
  --focus-visible--outline-color: var(--cta-secondary--focus-visible--outline-color, currentColor);
  background-color: var(--cta-secondary--bg-color, transparent);
  border: 1px solid var(--cta-secondary--border--color);
  color: var(--cta-secondary--color);
  text-decoration: none;
  padding: var(--cta-secondary--padding, 0.8em);
  border-radius: var(--cta-secondary--border-radius);
}
.subscribe__cta a:hover, .subscribe__cta a:focus {
  --cta-secondary--border--color: var(--cta-secondary--border--color--active);
  --cta-secondary--border-radius: var(--cta-secondary--border-radius--active);
  background-color: var(--cta-secondary--bg-color--active, var(--cta-secondary--bg-color));
  color: var(--cta-secondary--color--active, var(--cta-secondary--color));
}

.subscribe__text {
  font-size: 1.25rem;
  font-weight: var(--label--font-weight);
}

.subscribe {
  background-color: var(--bg-color);
  color: var(--color);
  padding-block: 1.5625rem;
  padding-inline: 1rem;
  margin-inline: calc(1rem * -1);
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
}
[data-site-mode=at-work] .subscribe {
  --cta-secondary--border--color: #f63259;
  --cta-secondary--border--color--active: #80d8ce;
  --cta-secondary--border-radius: 0 1em 1em 1em/0 1em 0 1em;
  --cta-secondary--border-radius--active: 0;
  --cta-secondary--bg-color--active: #1d2c3c;
  --cta-secondary--color: #511416;
  --cta-secondary--color--active: #d3d9d4;
  --cta-secondary--focus-visible--outline-color: #80d8ce;
  --color: #511416;
  --bg-color: #f63259;
  --highlight-color: #eae7dc;
  --heading--color: #511416;
  --a--color: #511416;
  --a--color--active: #511416;
  --button--color: #511416;
  --button--color--active: #511416;
  --accordion--summary--color: #eae7dc;
  --cta-primary--bg-color: #511416;
  --cta-secondary--border--color: #511416;
  --cta-secondary--color: #eae7dc;
  --cta-with-arrow--color: #511416;
  --cta-with-arrow--color--active: #d3d9d4;
  --custom-scrollbar--scrollbar-color: #eae7dc;
}
[data-site-mode=at-play] .subscribe {
  --cta-secondary--border--color: #80d8ce;
  --cta-secondary--border--color--active: #f63259;
  --cta-secondary--border-radius: 0;
  --cta-secondary--bg-color--active: #eae7dc;
  --cta-secondary--color: #d3d9d4;
  --cta-secondary--color--active: #511416;
  --cta-secondary--focus-visible--outline-color: #f63259;
  --color: #d3d9d4;
  --bg-color: #21767b;
  --highlight-color-2: #1d2c3c;
}
