/* Input Placeholder Color */
.wp-block-pulp-cards {
  padding-block: clamp(1.25rem, 5.369928401vw, 5.625rem);
}
.wp-block-pulp-cards + .wp-block-pulp-cards {
  padding-top: 0;
}
.wp-block-pulp-cards.has-primary-muted-background-color .content-card {
  background: white;
}
.wp-block-pulp-cards.has-primary-muted-background-color .content-card__title {
  padding-inline: 2rem;
}
.wp-block-pulp-cards.has-primary-muted-background-color .content-card__text {
  padding: 0 2rem 2rem;
}
.wp-block-pulp-cards.card-style-overlay {
  padding: 0;
  margin-block: 30px;
}
.wp-block-pulp-cards .layout {
  display: grid;
  gap: var(--gap);
}
@media (min-width: 768px) {
  .wp-block-pulp-cards .layout {
    grid-template-columns: repeat(var(--columns), 1fr);
  }
}

.overlay-layout {
  display: grid;
  gap: 30px;
}
@media (min-width: 992px) {
  .overlay-layout {
    padding-inline: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.overlay-layout .microtitle {
  font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(0.75rem, 0.8353221957vw, 0.875rem);
  letter-spacing: 1px;
}

.overlay-card {
  --button-background-color: #F3F6F0;
  --button-text-color: var(--color-black);
  --button-background-color--hover: white;
  --button-text-color--hover: var(--color-black);
  --headings-color: currentColor;
  --links-color--hover: white;
  color: white;
  position: relative;
  text-decoration: none;
  background-size: cover;
}
@media (hover: hover) {
  .overlay-card:hover .overlay-card__image img {
    transform: scale(1.05);
    filter: blur(5px);
  }
  .overlay-card:hover .overlay-card__inner {
    background: linear-gradient(0deg, rgba(0, 107, 110, 0.3) 0%, rgba(0, 107, 110, 0.3) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0) 17.88%, rgba(0, 0, 0, 0.3) 58.74%), linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  }
}
.overlay-card__image {
  overflow: hidden;
  height: 100%;
}
.overlay-card__image img {
  transition: var(--transitions);
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.overlay-card__inner {
  background: linear-gradient(0deg, rgba(0, 107, 110, 0.2) 0%, rgba(0, 107, 110, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0) 17.88%, rgba(0, 0, 0, 0.3) 58.74%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  padding: clamp(1.875rem, 3.5799522673vw, 3.75rem);
  display: flex;
  flex-direction: column;
  aspect-ratio: 820/509;
  position: absolute;
  inset: 0;
}
.overlay-card__title {
  margin-top: 0;
}
.overlay-card__action {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.overlay-card__action .btn svg {
  opacity: 1;
}