.member-cta-box {
  border-radius: 30px;
  background: #f8efe4;
  padding: 63px 88px;
}

.member-cta-box h2 {
  color: #686d4f;
  font-size: clamp(28px, 2.5vw, 48px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -1px;
}
.member-cta-box a:last-child {
  background-color: transparent;
  color: var(--main-green);
  border: 1px solid var(--main-green);
}
.member-cta-box a:last-child:hover {
  background-color: var(--main-green);
  color: #fff;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1670px) {
  .member-cta-box {
    padding: 40px;
  }
}

@media only screen and (max-width: 1490px) {
  .member-cta-box {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 992px) {
  .member-cta-box {
    padding: 20px;
  }
  .member-cta-links {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 567px) {
  .member-cta-links {
    flex-direction: column;
    width: 100%;
  }
}