@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */
  .cta-contact {
    width: 100%;

    
    background-color: #595857;

    padding-top: calc(var(--primary-vertical-padding) - 4.5vh);
    padding-right: var(--primary-horizontal-padding);
    padding-bottom: calc(var(--primary-vertical-padding) - 4.5vh);
    padding-left: var(--primary-horizontal-padding);
  }

  .cta-contact__block {
  }

  .cta-contact__block__title {
    max-width: 30rem;
    width: fit-content;
    
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
  }

  .cta-contact__block__title p {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: bold;
  }

  .cta-contact__block__text {
    max-width: 30rem;

    margin-right: auto;
    margin-bottom: 2.5rem;
    margin-left: auto;
  }

  .cta-contact__block__text p {
    color: #ffffff;
  }

  .cta-contact__block__button {
    width: min-content;
    min-width: 15rem;

    text-align: center;

    background-color: #b94047;
    border-radius: 7.5px;

    margin-right: auto;
    margin-left: auto;

    transition-property: all;
    transition-duration: 0.33s;
    transition-timing-function: ease;
  }

  .cta-contact__block__button a {
    display: block;
    color: #ffffff;
    text-decoration: none;

    padding-top: 10.5px;
    padding-right: 15px;
    padding-bottom: 10.5px;
    padding-left: 15px;
  }

  .cta-contact__block__button:hover {
    filter: brightness(1.175);
  }

}

@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */
  .cta-contact {
    width: 100%;

    background-color: #595857;

    padding-top: var(--primary-vertical-padding);
    padding-right: var(--primary-horizontal-padding);
    padding-bottom: var(--primary-vertical-padding);
    padding-left: var(--primary-horizontal-padding);
  }

  .cta-contact__block {
  }

  .cta-contact__block__title {
    max-width: 30rem;
    width: fit-content;

    margin-right: auto;
    margin-bottom: 0.95rem;
    margin-left: auto;
  }

  .cta-contact__block__title p {
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: bold;
  }

  .cta-contact__block__text {
    max-width: 30rem;
    width: fit-content;

    margin-right: auto;
    margin-bottom: 1.25rem;
    margin-left: auto;

    padding-right: var(--primary-horizontal-padding);
    padding-left: var(--primary-horizontal-padding);
  }

  .cta-contact__block__text p {
    color: #ffffff;
    font-size: 0.875rem;
  }

  .cta-contact__block__button {
    width: fit-content;
    min-width: 150px;

    text-align: center;

    background-color: #b94047;
    border-radius: 7.5px;

    margin-top: 0.75rem;
    margin-right: auto;
    margin-bottom: 0.75rem;
    margin-left: auto;

    transition-property: all;
    transition-duration: 0.33s;
    transition-timing-function: ease;
  }

  .cta-contact__block__button a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.89rem;

    padding-top: 7.5px;
    padding-right: 10px;
    padding-bottom: 7.5px;
    padding-left: 10px;
  }

  .cta-contact__block__button:hover {
    filter: brightness(1.175);
  }
}