.cta-text-only {
  background: var(--color-gray-100);
}

.cta-text-only a {
  padding: 56px 32px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: background-color 0.3s ease;
  background: var(--color-white);
}

.cta-text-only .eyebrow {
  margin-bottom: 16px;
}

.cta-text-only .cta-text-only__heading {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.3s ease;
  text-decoration-thickness: 3px;
  margin: 0;
}

.cta-text-only .container a:hover .cta-text-only__heading,
.cta-text-only .container a:focus .cta-text-only__heading {
  text-decoration-color: currentColor;
}


/* Button margin */
.cta-text-only a .btn,
.cta-text-only a>.icon {
  margin-top: 32px;
}

/* Icon - Arrow */
.cta-text-only a>.icon {
  --icon-background: var(--color-blue-300);
  --icon-color: var(--color-white);
  --icon-size: 18px;
  --icon-frame: 30px;
}

.cta-text-only a:hover>.icon,
.cta-text-only a:focus>.icon {
  --icon-background: var(--color-blue-400);
}


/* Background - Blue */
.cta-text-only.blue-gradient a {
  background: var(--color-blue-300);
  box-shadow: none;
}

.cta-text-only.blue-gradient a:hover,
.cta-text-only.blue-gradient a:focus {
  background: var(--color-blue-400);
}

/* Background - Navy */
.cta-text-only.navy-gradient a {
  background: var(--color-blue-700);
  box-shadow: none;
}

.cta-text-only.navy-gradient a:hover,
.cta-text-only.navy-gradient a:focus {
  background: var(--color-blue-600);
}

/* Buttons - White */
.cta-text-only .btn.primary {
  pointer-events: none;
  --btn-background: var(--color-blue-300);
}

.cta-text-only a:hover .btn.primary,
.cta-text-only a:focus .btn.primary,
.cta-text-only a:focus>.icon,
.cta-text-only a:hover>.icon {
  --btn-background: var(--color-blue-400);
}

/* Buttons - Blue */
.cta-text-only.blue-gradient .btn.primary {
  pointer-events: none;
  --btn-background: var(--color-white);
  --btn-color: var(--color-blue-700);
}

.cta-text-only.blue-gradient .btn.primary .icon,
.cta-text-only.blue-gradient a>.icon {
  --icon-color: var(--color-blue-700);
  --icon-background: var(--color-white);
}

.cta-text-only.blue-gradient a:hover .btn.primary,
.cta-text-only.blue-gradient a:focus .btn.primary,
.cta-text-only.blue-gradient a:hover>.icon,
.cta-text-only.blue-gradient a:focus>.icon {
  --btn-background: var(--color-gray-100);
}

/* Light text - Headings */
.cta-text-only.navy-gradient .cta-text-only__heading,
.cta-text-only.blue-gradient .cta-text-only__heading,
.cta-text-only.navy-gradient .eyebrow,
.cta-text-only.blue-gradient .eyebrow {
  color: var(--color-white);
}


/* Media Queries */
@media (max-width: 64rem) {

  .cta-text-only a {
    padding: 32px 24px;
  }
}