.POST .POST-CTA {
  margin: 60rem 0;
}
.POST-CTA {
  display: flex;
  align-items: center;
  border-radius: 20px;
  position: relative;
  background-color: var(--teal-bg);
}
.POST-CTA.blog {
  background-color: var(--teal-bg);
}
.POST-CTA.case-studies  {
  background-color: var(--cream);
}
.POST-CTA.blog {
  background-color: var(--teal-bg);
}
.POST-CTA.blog {
  background-color: var(--teal-bg);
}
.POST-CTA.blog {
  background-color: var(--teal-bg);
}

.POST-CTA .image img {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.POST-CTA .cta-content {
  padding:0 40rem;
  margin: auto;
  max-width: 400px;
}
.POST-CTA.case-studies .image  {
  width: 50%;
}
.POST-CTA.case-studies .cta-content {
  width: 50%;
  max-width: 100%;
}
.POST-CTA .cta-content .taxonomies {
  margin: 0;
  width: fit-content;
  background-color: var(--orange);
  padding: 10px;
	border-radius: 5px;
	font-size: 14px;
	color: white;
	pointer-events: none;

}
.POST-CTA .cta-content h5 a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.POST-CTA .cta-content > *:not(:first-child) {
  margin-top: 20rem;
}
.POST-CTA.post .content svg #ui-arrow-right {
  stroke: #183166;
}

@media screen and (max-width: 960px) {
  .POST-CTA  {
    flex-direction: column;
  }

  .POST-CTA .image,
  .POST-CTA.case-studies .image,
  .POST-CTA.case-studies .cta-content {
    width: auto;
  }
  .POST-CTA .image img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
  }
  .POST-CTA .cta-content {
    max-width: inherit;
    margin: 20rem 0;
  }
}