/**
 * CTA
 */

.cta,
.cta.webform-button--submit,
.more-link a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-primary--2);
  padding: 8px 20px;
  border: 2px solid var(--color-primary--2);
  width: fit-content;
  transition: all 0.15s ease-in-out;
  background-color: unset;
  font-size: 14px;
  line-height: normal;
}
.cta::before,
.more-link a::before,
.cta.webform-button--submit::before {
  content: '';
  display: block;
  width: 12px;
  height: 14px;
  background-image: url('../../images/arrow-orange.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.15s ease-in-out;
}
.cta:hover,
.more-link a:hover,
.cta.webform-button--submit:hover {
  background-color: var(--color-primary--2);
  color: var(--color-white);
  text-decoration: none;
}
.cta:hover::before,
.more-link a:hover::before {
  filter: brightness(0) invert(1);
}
.cta--no-arrow::before {
  content: none;
}
.cta--secondary {
  background-color: var(--color-white);
  color: var(--color-primary--2);
  border: none
}
.cta--secondary:hover {
  background-color: var(--color-primary--2);
  color: var(--color-white);
  text-decoration: none;
}
@media all and (min-width: 1000px) {
  .cta,
  .more-link a,
  .cta.webform-button--submit {
    font-size: 18px;
  }
}


/**
 ** Special code for page builder
 */
@media all and (min-width: 0px) and (max-width: 900px){
  .layout__region > .cta {
    margin-top: 1.5rem;
  }
}