.cp-cta-button-type-v5 .is-pc {
  display: block;
}

.cp-cta-button-type-v5 .is-mo {
  display: none;
}

.cp-cta-button-type-v5 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cp-cta-button-type-v5__content-inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 140px 0 338px;
  padding: 0 14rem 0 33.8rem;
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.cp-cta-button-type-v5__eyebrow-wrap {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "genesis-Head-office", sans-serif;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.cp-cta-button-type-v5__title-wrap {
  font-size: 34px;
  font-size: 3.4rem;
  letter-spacing: -0.68px;
  letter-spacing: -0.068rem;
  font-family: "genesis-head-office-light", sans-serif;
  font-weight: 300;
  line-height: 140%;
  color: #fff;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.cp-cta-button-type-v5__desc-wrap {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "genesis-text-office", sans-serif;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
  opacity: 0.5;
}

.cp-cta-button-type-v5__disc-wrap {
  margin-bottom: 40px;
  margin-bottom: 4rem;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: -0.12px;
  letter-spacing: -0.012rem;
  font-family: "genesis-text-office", sans-serif;
  font-weight: 400;
  line-height: 156%;
  color: #7c7c7c;
}

.cp-cta-button-type-v5__cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
  gap: 36px;
  gap: 3.6rem;
}

.type-dark {
  background: #151515;
}

.type-light .cp-cta-button-type-v5__eyebrow, .type-light .cp-cta-button-type-v5__title, .type-light .cp-cta-button-type-v5__desc, .type-light .cp-cta-button-type-v5__disc {
  color: black;
}

@media (max-width: 1919px) {
  .cp-cta-button-type-v5__content-inner {
    padding: 0 120px 0 318px;
    padding: 0 12rem 0 31.8rem;
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
}

@media (max-width: 1599px) {
  .cp-cta-button-type-v5__content-inner {
    padding: 0 100px 0 250px;
    padding: 0 10rem 0 25rem;
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
}

@media (max-width: 1359px) {
  .cp-cta-button-type-v5__content-inner {
    padding: 0 76px 0 226px;
    padding: 0 7.6rem 0 22.6rem;
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
}

@media (max-width: 1023px) {
  .cp-cta-button-type-v5 .is-pc {
    display: none;
  }
  .cp-cta-button-type-v5 .is-mo {
    display: block;
  }
  .cp-cta-button-type-v5__content-inner {
    padding: 0 30px 0 104px;
    padding: 0 3rem 0 10.4rem;
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
  .cp-cta-button-type-v5__eyebrow-wrap {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .cp-cta-button-type-v5__title-wrap {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    letter-spacing: -0.056rem;
  }
  .cp-cta-button-type-v5__desc-wrap {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: -0.14px;
    letter-spacing: -0.014rem;
    line-height: 154%;
  }
  .cp-cta-button-type-v5__disc-wrap {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: -0.1px;
    letter-spacing: -0.01rem;
    line-height: 150%;
  }
  .cp-cta-button-type-v5__cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    gap: 2rem;
  }
}

@media (max-width: 766px) {
  .cp-cta-button-type-v5__content-inner {
    padding: 0 30px;
    padding: 0 3rem;
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
}
