/* Thanks Page */

.thanks__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 80px 40px;
}

@media screen and (min-width: 768px) {
  .thanks__container {
    padding: clamp(120px, 12.92vw, 186px) clamp(80px, 11.11vw, 170px) clamp(100px, 10.42vw, 150px)
      clamp(80px, 11.11vw, 170px);
  }
}

.thanks__message {
  margin-top: clamp(24px, 2.43vw, 35px);
}

.thanks__note {
  width: 100%;
  background: var(--base-gray);
  padding: 20px;
  border-radius: 4px;
  padding: 20px;
  margin-top: clamp(32px, 3.47vw, 50px);
  text-align: left;
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .thanks__note {
    padding: clamp(28px, 2.78vw, 40px) 60px;
  }
}

@media screen and (min-width: 901px) {
  .thanks__note {
    padding: clamp(28px, 2.78vw, 40px) clamp(120px, 16.67vw, 240px);
  }
}

.thanks__actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(24px, 2.78vw, 40px);
  margin-top: clamp(48px, 5.14vw, 74px);
}

.thanksCta__button {
  flex: 1;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
  cursor: pointer;
  color: var(--base-white);
  padding: 0 26px;
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  border: none;
}

@media screen and (min-width: 768px) {
  .thanksCta__button {
    width: 100%;
    max-width: 300px;
    min-height: 59px;
  }
}

.thanksCta__button--primary {
  background-image: url('../images/cta-button-bg-3.png');
  color: var(--base-black);
}

.thanksCta__button--secondary {
  background-image: url('../images/cta-button-bg-2.png');
  color: var(--base-black);
}