.cmp-base {
  padding-top: 72px;
  padding-bottom: 72px;
}
@media (max-width: 991px) {
  .cmp-base {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .cmp-base {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.cmp-base.padding-top--small {
  padding-top: 40px;
}
@media (max-width: 991px) {
  .cmp-base.padding-top--small {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .cmp-base.padding-top--small {
    padding-top: 24px;
  }
}
.cmp-base.padding-bottom--small {
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .cmp-base.padding-bottom--small {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .cmp-base.padding-bottom--small {
    padding-bottom: 24px;
  }
}
.cmp-base.padding-top--none {
  padding-top: 0;
}
@media (max-width: 991px) {
  .cmp-base.padding-top--none {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .cmp-base.padding-top--none {
    padding-top: 0;
  }
}
.cmp-base.padding-bottom--none {
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .cmp-base.padding-bottom--none {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .cmp-base.padding-bottom--none {
    padding-bottom: 0;
  }
}
.contact-subscription {
  padding: 32px 16px;
}
@media (min-width: 768px) {
  .contact-subscription {
    padding: 48px 16px;
  }
}
@media (min-width: 992px) {
  .contact-subscription {
    padding: 64px 16px;
  }
}
.contact-subscription.padding-top--small {
  padding-top: 40px !important;
}
@media (max-width: 991px) {
  .contact-subscription.padding-top--small {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .contact-subscription.padding-top--small {
    padding-top: 24px;
  }
}
.contact-subscription.padding-bottom--small {
  padding-bottom: 40px !important;
}
@media (max-width: 991px) {
  .contact-subscription.padding-bottom--small {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .contact-subscription.padding-bottom--small {
    padding-bottom: 24px;
  }
}
.contact-subscription.padding-top--none {
  padding-top: 0 !important;
}
@media (max-width: 991px) {
  .contact-subscription.padding-top--none {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .contact-subscription.padding-top--none {
    padding-top: 0;
  }
}
.contact-subscription.padding-bottom--none {
  padding-bottom: 0 !important;
}
@media (max-width: 991px) {
  .contact-subscription.padding-bottom--none {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .contact-subscription.padding-bottom--none {
    padding-bottom: 0;
  }
}
.contact-subscription.color--sky {
  background-color: #c5d5f9 !important;
}
.contact-subscription.color--sky .csContainer .label,
.contact-subscription.color--sky .csContainer h2.h3,
.contact-subscription.color--sky .csContainer .csDescText.paragraph,
.contact-subscription.color--sky .csContainer .paragraphSeparator,
.contact-subscription.color--sky .csContainer .csParagraphs .csParagraph,
.contact-subscription.color--sky .csContainer .csParagraphs .csParagraph a {
  color: #000835 !important;
}
.contact-subscription.color--violet {
  background-color: #e4c7ff !important;
}
.contact-subscription.color--violet .csContainer .label,
.contact-subscription.color--violet .csContainer h2.h3,
.contact-subscription.color--violet .csContainer .csDescText.paragraph,
.contact-subscription.color--violet .csContainer .paragraphSeparator,
.contact-subscription.color--violet .csContainer .csParagraphs .csParagraph,
.contact-subscription.color--violet .csContainer .csParagraphs .csParagraph a {
  color: #26005a !important;
}
.contact-subscription.color--forest {
  background-color: #c8ffc0 !important;
}
.contact-subscription.color--forest .csContainer .label,
.contact-subscription.color--forest .csContainer h2.h3,
.contact-subscription.color--forest .csContainer .csDescText.paragraph,
.contact-subscription.color--forest .csContainer .paragraphSeparator,
.contact-subscription.color--forest .csContainer .csParagraphs .csParagraph,
.contact-subscription.color--forest .csContainer .csParagraphs .csParagraph a {
  color: #023a00 !important;
}
.contact-subscription.color--sky  .button {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  background-color: #000835 !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.contact-subscription.color--sky  .button.outline {
  background-color: transparent !important;
  border-color: #000835 !important;
  color: #000835 !important;
}
.contact-subscription.color--sky  .button:hover {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #0a2f62 !important;
}
.contact-subscription.color--sky  .button:focus-visible {
  color: #ffffff !important;
  background-color: #0a2f62 !important;
  border-color: transparent !important;
  outline: 2px solid #0a2f62 !important;
}
.contact-subscription.color--sky  .button:active {
  outline: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #104ea4 !important;
}
.contact-subscription.color--sky  .button.ghost {
  color: #000835 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-subscription.color--sky  .button.ghost .button__label {
  position: relative !important;
}
.contact-subscription.color--sky  .button.ghost .button__label:after {
  position: absolute !important;
  content: '' !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  transition: width 400ms !important;
  height: 1px !important;
  background-color: #000835 !important;
}
.contact-subscription.color--sky  .button.ghost:hover {
  border-color: transparent !important;
  color: #000835 !important;
  background-color: transparent !important;
}
.contact-subscription.color--sky  .button.ghost:hover .button__label::after {
  width: 100% !important;
}
.contact-subscription.color--sky  .button.ghost:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  border-color: #000835 !important;
  color: #000835 !important;
}
.contact-subscription.color--sky  .button.ghost:active {
  border-color: transparent !important;
  background-color: #ebf3ff !important;
  color: #000835 !important;
}
.contact-subscription.color--sky  .button__icon {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}
.contact-subscription.color--violet  .button {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  background-color: #26005a !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.contact-subscription.color--violet  .button.outline {
  background-color: transparent !important;
  border-color: #26005a !important;
  color: #26005a !important;
}
.contact-subscription.color--violet  .button:hover {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #461b64 !important;
}
.contact-subscription.color--violet  .button:focus-visible {
  color: #ffffff !important;
  background-color: #461b64 !important;
  border-color: transparent !important;
  outline: 2px solid #461b64 !important;
}
.contact-subscription.color--violet  .button:active {
  outline: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #6d3099 !important;
}
.contact-subscription.color--violet  .button.ghost {
  color: #26005a !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-subscription.color--violet  .button.ghost .button__label {
  position: relative !important;
}
.contact-subscription.color--violet  .button.ghost .button__label:after {
  position: absolute !important;
  content: '' !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  transition: width 400ms !important;
  height: 1px !important;
  background-color: #26005a !important;
}
.contact-subscription.color--violet  .button.ghost:hover {
  border-color: transparent !important;
  color: #26005a !important;
  background-color: transparent !important;
}
.contact-subscription.color--violet  .button.ghost:hover .button__label::after {
  width: 100% !important;
}
.contact-subscription.color--violet  .button.ghost:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  border-color: #26005a !important;
  color: #26005a !important;
}
.contact-subscription.color--violet  .button.ghost:active {
  border-color: transparent !important;
  background-color: #f8eeff !important;
  color: #26005a !important;
}
.contact-subscription.color--violet  .button__icon {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}
.contact-subscription.color--forest  .button {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  background-color: #023a00 !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.contact-subscription.color--forest  .button.outline {
  background-color: transparent !important;
  border-color: #023a00 !important;
  color: #023a00 !important;
}
.contact-subscription.color--forest  .button:hover {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #3a662e !important;
}
.contact-subscription.color--forest  .button:focus-visible {
  color: #ffffff !important;
  background-color: #3a662e !important;
  border-color: transparent !important;
  outline: 2px solid #3a662e !important;
}
.contact-subscription.color--forest  .button:active {
  outline: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #569643 !important;
}
.contact-subscription.color--forest  .button.ghost {
  color: #023a00 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-subscription.color--forest  .button.ghost .button__label {
  position: relative !important;
}
.contact-subscription.color--forest  .button.ghost .button__label:after {
  position: absolute !important;
  content: '' !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  transition: width 400ms !important;
  height: 1px !important;
  background-color: #023a00 !important;
}
.contact-subscription.color--forest  .button.ghost:hover {
  border-color: transparent !important;
  color: #023a00 !important;
  background-color: transparent !important;
}
.contact-subscription.color--forest  .button.ghost:hover .button__label::after {
  width: 100% !important;
}
.contact-subscription.color--forest  .button.ghost:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  border-color: #023a00 !important;
  color: #023a00 !important;
}
.contact-subscription.color--forest  .button.ghost:active {
  border-color: transparent !important;
  background-color: #f0ffec !important;
  color: #023a00 !important;
}
.contact-subscription.color--forest  .button__icon {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}
.contact-subscription.color--crimson  .button {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  background-color: #560900 !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.contact-subscription.color--crimson  .button.outline {
  background-color: transparent !important;
  border-color: #560900 !important;
  color: #560900 !important;
}
.contact-subscription.color--crimson  .button:hover {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #ff7471 !important;
}
.contact-subscription.color--crimson  .button:focus-visible {
  color: #ffffff !important;
  background-color: #ff7471 !important;
  border-color: transparent !important;
  outline: 2px solid #ff7471 !important;
}
.contact-subscription.color--crimson  .button:active {
  outline: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #b2271f !important;
}
.contact-subscription.color--crimson  .button.ghost {
  color: #560900 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-subscription.color--crimson  .button.ghost .button__label {
  position: relative !important;
}
.contact-subscription.color--crimson  .button.ghost .button__label:after {
  position: absolute !important;
  content: '' !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  transition: width 400ms !important;
  height: 1px !important;
  background-color: #560900 !important;
}
.contact-subscription.color--crimson  .button.ghost:hover {
  border-color: transparent !important;
  color: #560900 !important;
  background-color: transparent !important;
}
.contact-subscription.color--crimson  .button.ghost:hover .button__label::after {
  width: 100% !important;
}
.contact-subscription.color--crimson  .button.ghost:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  border-color: #560900 !important;
  color: #560900 !important;
}
.contact-subscription.color--crimson  .button.ghost:active {
  border-color: transparent !important;
  background-color: #ffeeed !important;
  color: #560900 !important;
}
.contact-subscription.color--crimson  .button__icon {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}
.contact-subscription.color--canary  .button {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  background-color: #564a00 !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.contact-subscription.color--canary  .button.outline {
  background-color: transparent !important;
  border-color: #564a00 !important;
  color: #564a00 !important;
}
.contact-subscription.color--canary  .button:hover {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #fdeb6d !important;
}
.contact-subscription.color--canary  .button:focus-visible {
  color: #ffffff !important;
  background-color: #fdeb6d !important;
  border-color: transparent !important;
  outline: 2px solid #fdeb6d !important;
}
.contact-subscription.color--canary  .button:active {
  outline: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #aa9b2d !important;
}
.contact-subscription.color--canary  .button.ghost {
  color: #564a00 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-subscription.color--canary  .button.ghost .button__label {
  position: relative !important;
}
.contact-subscription.color--canary  .button.ghost .button__label:after {
  position: absolute !important;
  content: '' !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  transition: width 400ms !important;
  height: 1px !important;
  background-color: #564a00 !important;
}
.contact-subscription.color--canary  .button.ghost:hover {
  border-color: transparent !important;
  color: #564a00 !important;
  background-color: transparent !important;
}
.contact-subscription.color--canary  .button.ghost:hover .button__label::after {
  width: 100% !important;
}
.contact-subscription.color--canary  .button.ghost:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  border-color: #564a00 !important;
  color: #564a00 !important;
}
.contact-subscription.color--canary  .button.ghost:active {
  border-color: transparent !important;
  background-color: #fffce6 !important;
  color: #564a00 !important;
}
.contact-subscription.color--canary  .button__icon {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}
.contact-subscription.color--fuchsia  .button {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  background-color: #4f0230 !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.contact-subscription.color--fuchsia  .button.outline {
  background-color: transparent !important;
  border-color: #4f0230 !important;
  color: #4f0230 !important;
}
.contact-subscription.color--fuchsia  .button:hover {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #ff79bd !important;
}
.contact-subscription.color--fuchsia  .button:focus-visible {
  color: #ffffff !important;
  background-color: #ff79bd !important;
  border-color: transparent !important;
  outline: 2px solid #ff79bd !important;
}
.contact-subscription.color--fuchsia  .button:active {
  outline: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #993567 !important;
}
.contact-subscription.color--fuchsia  .button.ghost {
  color: #4f0230 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-subscription.color--fuchsia  .button.ghost .button__label {
  position: relative !important;
}
.contact-subscription.color--fuchsia  .button.ghost .button__label:after {
  position: absolute !important;
  content: '' !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  transition: width 400ms !important;
  height: 1px !important;
  background-color: #4f0230 !important;
}
.contact-subscription.color--fuchsia  .button.ghost:hover {
  border-color: transparent !important;
  color: #4f0230 !important;
  background-color: transparent !important;
}
.contact-subscription.color--fuchsia  .button.ghost:hover .button__label::after {
  width: 100% !important;
}
.contact-subscription.color--fuchsia  .button.ghost:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  border-color: #4f0230 !important;
  color: #4f0230 !important;
}
.contact-subscription.color--fuchsia  .button.ghost:active {
  border-color: transparent !important;
  background-color: #ffeef7 !important;
  color: #4f0230 !important;
}
.contact-subscription.color--fuchsia  .button__icon {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}
.contact-subscription.color--pumpkin  .button {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  background-color: #5b2500 !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.contact-subscription.color--pumpkin  .button.outline {
  background-color: transparent !important;
  border-color: #5b2500 !important;
  color: #5b2500 !important;
}
.contact-subscription.color--pumpkin  .button:hover {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #ff8838 !important;
}
.contact-subscription.color--pumpkin  .button:focus-visible {
  color: #ffffff !important;
  background-color: #ff8838 !important;
  border-color: transparent !important;
  outline: 2px solid #ff8838 !important;
}
.contact-subscription.color--pumpkin  .button:active {
  outline: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #c74905 !important;
}
.contact-subscription.color--pumpkin  .button.ghost {
  color: #5b2500 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-subscription.color--pumpkin  .button.ghost .button__label {
  position: relative !important;
}
.contact-subscription.color--pumpkin  .button.ghost .button__label:after {
  position: absolute !important;
  content: '' !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  transition: width 400ms !important;
  height: 1px !important;
  background-color: #5b2500 !important;
}
.contact-subscription.color--pumpkin  .button.ghost:hover {
  border-color: transparent !important;
  color: #5b2500 !important;
  background-color: transparent !important;
}
.contact-subscription.color--pumpkin  .button.ghost:hover .button__label::after {
  width: 100% !important;
}
.contact-subscription.color--pumpkin  .button.ghost:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  border-color: #5b2500 !important;
  color: #5b2500 !important;
}
.contact-subscription.color--pumpkin  .button.ghost:active {
  border-color: transparent !important;
  background-color: #fff0e6 !important;
  color: #5b2500 !important;
}
.contact-subscription.color--pumpkin  .button__icon {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}
.contact-subscription.color--custom  .button {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-clip: padding-box !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  line-height: 150% !important;
  background-color: #000835 !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.contact-subscription.color--custom  .button.outline {
  background-color: transparent !important;
  border-color: #000835 !important;
  color: #000835 !important;
}
.contact-subscription.color--custom  .button:hover {
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #0a2f62 !important;
}
.contact-subscription.color--custom  .button:focus-visible {
  color: #ffffff !important;
  background-color: #0a2f62 !important;
  border-color: transparent !important;
  outline: 2px solid #0a2f62 !important;
}
.contact-subscription.color--custom  .button:active {
  outline: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background-color: #104ea4 !important;
}
.contact-subscription.color--custom  .button.ghost {
  color: #000835 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.contact-subscription.color--custom  .button.ghost .button__label {
  position: relative !important;
}
.contact-subscription.color--custom  .button.ghost .button__label:after {
  position: absolute !important;
  content: '' !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  transition: width 400ms !important;
  height: 1px !important;
  background-color: #000835 !important;
}
.contact-subscription.color--custom  .button.ghost:hover {
  border-color: transparent !important;
  color: #000835 !important;
  background-color: transparent !important;
}
.contact-subscription.color--custom  .button.ghost:hover .button__label::after {
  width: 100% !important;
}
.contact-subscription.color--custom  .button.ghost:focus-visible {
  outline: none !important;
  background-color: transparent !important;
  border-color: #000835 !important;
  color: #000835 !important;
}
.contact-subscription.color--custom  .button.ghost:active {
  border-color: transparent !important;
  background-color: #ebf3ff !important;
  color: #000835 !important;
}
.contact-subscription.color--custom  .button__icon {
  font-size: 24px !important;
  margin-bottom: 0 !important;
}
.contact-subscription .cmp-contact-subscription .csContainer {
  margin: 0 auto;
}
.contact-subscription .cmp-contact-subscription .csContainer .csHeading .csDescText {
  text-align: center;
  color: #000000;
}
.contact-subscription .cmp-contact-subscription .csContainer .csButtons {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .contact-subscription .cmp-contact-subscription .csContainer .csButtons {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .contact-subscription .cmp-contact-subscription .csContainer .csButtons {
    margin-top: 48px;
  }
}
.contact-subscription .cmp-contact-subscription .csContainer .csButtons .csButton {
  margin-bottom: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-subscription .cmp-contact-subscription .csContainer .csButtons .csButton {
    width: calc(50% - 15px);
  }
}
.contact-subscription .cmp-contact-subscription .csContainer .csButtons .new-button {
  display: grid;
  place-content: center;
  background-clip: padding-box;
  text-decoration: none;
  border-radius: 8px;
  font-family: "Amadeus Neue";
  padding: 15.5px 32px;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  background-color: #0c66e1;
  color: #ffffff;
  border: 2px solid transparent;
}
.contact-subscription .cmp-contact-subscription .csContainer .csButtons .new-button:hover {
  border-color: transparent;
  color: #ffffff;
  background-color: #0a2f62;
}
.contact-subscription .cmp-contact-subscription .csContainer .csButtons .new-button:focus {
  color: #ffffff;
  background-color: #0a2f62;
  border-color: transparent;
  outline: 2px solid #0a2f62;
}
.contact-subscription .cmp-contact-subscription .csContainer .csButtons .new-button:active {
  outline: none;
  border-color: transparent;
  color: #ffffff;
  background-color: #000835;
}
.contact-subscription .cmp-contact-subscription .csContainer .csButtons .new-button--outline {
  background-color: transparent;
  border: 2px solid #0c66e1;
  color: #0c66e1;
}
.contact-subscription .cmp-contact-subscription .csContainer .paragraphSeparator {
  border-top: 1px solid #000000;
  display: none;
}
@media (min-width: 768px) {
  .contact-subscription .cmp-contact-subscription .csContainer .paragraphSeparator {
    margin: 16px 0 24px;
    display: block;
  }
}
@media (min-width: 992px) {
  .contact-subscription .cmp-contact-subscription .csContainer .paragraphSeparator {
    margin: 32px 0 40px;
  }
}
.contact-subscription .cmp-contact-subscription .csContainer .csParagraphs {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .contact-subscription .cmp-contact-subscription .csContainer .csParagraphs {
    margin-top: 0;
    gap: 30px;
  }
}
.contact-subscription .cmp-contact-subscription .csContainer .csParagraphs .csParagraph {
  font-family: var(--md-sys-typescale-amadeusRegular-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-subscription .cmp-contact-subscription .csContainer .csParagraphs .csParagraph.uniqueParagraph {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .contact-subscription .cmp-contact-subscription .csContainer .csParagraphs .csParagraph {
    font-size: 16px;
  }
}
.contact-subscription .cmp-contact-subscription .csContainer .csParagraphs .csParagraph:last-child {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .contact-subscription .cmp-contact-subscription .csContainer .csParagraphs .csParagraph:last-child {
    margin-top: 0;
  }
}
.contact-subscription .cmp-contact-subscription .mdc-button__ripple {
  position: relative!important;
}