.cta-container {
  text-align: center; }
  .cta-container h4 {
    font-size: var(--sizeTitleMobile);
    font-family: var(--bold);
    margin: 0 0 1rem;
    color: var(--secondary); }
    @media (min-width: 768px) {
      .cta-container h4 {
        font-size: var(--titleSize); } }
  .cta-container p {
    font-family: var(--light);
    font-size: 16px;
    color: var(--secondary);
    margin: 0 0 1.5rem; }
  .cta-container a,
  .cta-container a:hover {
    color: var(--white);
    background: var(--secondary);
    padding: 12px 26px;
    font-family: var(--medium);
    font-size: 15px;
    display: block;
    width: fit-content;
    margin: 1rem auto;
    box-shadow: 0px 0px 40px #00000064;
    transition: 0.4s ease-in-out; }
    .cta-container a:hover,
    .cta-container a:hover:hover {
      background: var(--primary); }