.block__heading-cta {
  .content {
    display: flex;
    flex-flow: column;
    align-items: center;
    row-gap: 1rem;
    text-align: center;

    .heading-cta__heading {
      margin-bottom: 0;
      font-size: 1.5rem;
    }

    .heading-cta__cta {
      font-weight: bold;
      text-decoration: none;
      color: var(--csa-purple);
      border: 2px solid var(--csa-purple);
      border-radius: 50px;
      min-width: 130px;
      padding: .75rem 1.25rem;
      transition: all .3s ease-in-out;
      line-height: 1;

      &:hover,
      &:focus {
        color: var(--color-white);
        background-color: var(--csa-purple);
      }
    }
  }
}