@media screen and (min-width: 90.625em) {
  section.legalcta .structure-grid {
    padding-block: 65px;
  }
}
@media screen and (min-width: 62em) and (max-width: 90.5625em) {
  section.legalcta .structure-grid {
    padding-block: 60px;
  }
}
@media screen and (min-width: 48em) and (max-width: 61.9375em) {
  section.legalcta .structure-grid {
    padding-block: 50px;
  }
}
@media screen and (max-width: 47.9375em) {
  section.legalcta .structure-grid {
    padding-block: 50px;
  }
}
section.legalcta .structure-grid.no-top-padding {
  padding-top: 0 !important;
}
section.legalcta .structure-grid.no-bottom-padding {
  padding-bottom: 0 !important;
}
section.legalcta {
  --legalcta-box-padding: 40px;
}
@media screen and (min-width: 90.625em) {
  section.legalcta {
    --legalcta-box-padding: 50px;
  }
}
@media screen and (min-width: 48em) and (max-width: 61.9375em) {
  section.legalcta {
    --legalcta-box-padding: 40px;
  }
}
@media screen and (max-width: 47.9375em) {
  section.legalcta {
    --legalcta-box-padding: 40px;
  }
}
section.legalcta .box {
  background: var(--white);
  padding: var(--legalcta-box-padding);
  border-radius: 5px;
}
section.legalcta .img-col img {
  width: 100%;
  height: auto;
}
section.legalcta .text-col .block-heading {
  font-weight: 400;
  line-height: 106%;
}
@media screen and (min-width: 90.625em) {
  section.legalcta .text-col .block-heading {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 62em) and (max-width: 90.5625em) {
  section.legalcta .text-col .block-heading {
    font-size: 2.375rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 61.9375em) {
  section.legalcta .text-col .block-heading {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 47.9375em) {
  section.legalcta .text-col .block-heading {
    font-size: 1.5rem;
  }
}
section.legalcta .text-col .link-wrap {
  padding-top: 20px;
}
section.legalcta .text-col .link-wrap .btn {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  border-radius: 5px;
  background: var(--white);
  border: 1px solid var(--middlegrey);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border-color 0.3s, background 0.3s;
  transition: border-color 0.3s, background 0.3s;
}
section.legalcta .text-col .link-wrap .btn svg {
  fill: var(--darkgrey);
  height: auto;
}
section.legalcta .text-col .link-wrap .btn:hover {
  border-color: var(--darkgrey);
}
section.legalcta .text-col .link-wrap .btn:focus {
  border-color: var(--darkgrey);
  background: var(--middlegrey);
}
@media screen and (min-width: 90.625em) {
  section.legalcta .text-col .link-wrap .btn {
    font-size: 20px;
    padding: 10px 30px;
  }
  section.legalcta .text-col .link-wrap .btn svg {
    margin-right: 15px;
    width: 26px;
  }
}
@media screen and (min-width: 62em) and (max-width: 90.5625em) {
  section.legalcta .text-col .link-wrap .btn {
    font-size: 16px;
    padding: 9px 27px;
  }
  section.legalcta .text-col .link-wrap .btn svg {
    margin-right: 15px;
    width: 26px;
  }
}
@media screen and (min-width: 48em) and (max-width: 61.9375em) {
  section.legalcta .text-col .link-wrap .btn {
    font-size: 18px;
    padding: 10px 22px;
  }
  section.legalcta .text-col .link-wrap .btn svg {
    margin-right: 15px;
    width: 26px;
  }
}
@media screen and (max-width: 47.9375em) {
  section.legalcta .text-col .link-wrap .btn {
    font-size: 18px;
    padding: 10px 16px;
  }
  section.legalcta .text-col .link-wrap .btn svg {
    margin-right: 15px;
    width: 20px;
  }
}
section.legalcta .text-col .link-wrap .btn {
  background: var(--darkgrey);
  border: 1px solid var(--darkgrey);
  color: var(--lightgrey);
}
section.legalcta .text-col .link-wrap .btn svg {
  fill: var(--lightgrey);
}
section.legalcta .text-col .link-wrap .btn:hover {
  border-color: var(--black);
  background: var(--black);
  color: var(--lightgrey) !important;
}
section.legalcta .text-col .link-wrap .btn:focus {
  border-color: var(--middlegrey);
  background: var(--middlegrey);
  color: var(--lightgrey) !important;
}
@media screen and (min-width: 48em) {
  section.legalcta .box-grid .text-col {
    border-left: 1px solid var(--middlegrey);
    padding-left: var(--legalcta-box-padding);
  }
}