:root {
  --sidebar-width: 22rem;
  --layout-gap: 6rem;
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 27rem;
    --layout-gap: 8rem;
  }
}
.image-cta {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: background 0.25s ease-in-out;
  background: #EAECF0;
  border-radius: 10px;
}
.image-cta__image {
  aspect-ratio: 11/7;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px 10px 0 0;
}
.image-cta__content {
  padding: var(--wp--preset--spacing--normal);
  flex-grow: 1;
}
.image-cta h3 {
  font-size: var(--wp--preset--font-size--font-28);
  margin-bottom: 1ch;
}
.image-cta p {
  color: #0F1217;
}
.image-cta .btn {
  height: 46px;
  display: inline-flex;
  align-items: center;
  font-family: "Gotham", sans-serif;
  font-size: var(--wp--preset--font-size--font-16);
  font-weight: 500;
  line-height: 1.05;
  text-align: center;
  padding: 1.3ch 3rem;
  color: #fff;
  background: #003963;
  border-radius: 15rem;
  cursor: pointer;
  position: relative;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 3ch;
}
.image-cta .btn:after {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  margin-left: 1rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.47559 0.713867L6.86782 6.80653L1.47559 12.7139' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M7.0835 0.713867L12.4757 6.80653L7.0835 12.7139' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
          mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.47559 0.713867L6.86782 6.80653L1.47559 12.7139' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M7.0835 0.713867L12.4757 6.80653L7.0835 12.7139' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  transition: margin 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-cta .btn:hover, .image-cta .btn:active, .image-cta .btn:focus {
  color: #fff;
  background: #287B90;
  cursor: pointer;
}
.image-cta .btn:hover:after, .image-cta .btn:active:after, .image-cta .btn:focus:after {
  margin-left: 1.4rem;
  margin-right: -0.4rem;
}

a.image-cta {
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
a.image-cta:hover, a.image-cta:active, a.image-cta:focus {
  text-decoration: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  transform: translateY(-6px);
}
a.image-cta:hover .image-cta__content, a.image-cta:active .image-cta__content, a.image-cta:focus .image-cta__content {
  border-color: none;
}

.has-background .image-cta {
  background: #fff;
}

@media (min-width: 782px) and (max-width: 1023px) {
  .col-1-md .image-cta {
    flex-direction: row;
  }
  .col-1-md .image-cta__image {
    width: 40%;
    aspect-ratio: unset;
    border-radius: 10px 0 0 10px;
  }
  .col-1-md .image-cta__content {
    width: 60%;
  }
}