.wp-block-pulp-feature {
  --btn-primary-background: var(--color-white);
  --btn-primary-color: var(--color-black);
  --btn-primary-background-hover: var(--color-black);
  --btn-primary-color-hover: var(--color-white);
  --color-headings: var(--color-white);
  --color-text: var(--color-white);
  --feature-body-column: span 12;
  --feature-image-column: span 12;
  --grid-align-y: flex-end;
}
@media (min-width: 576px) {
  .wp-block-pulp-feature {
    --feature-body-column: span 9;
  }
}
@media (min-width: 1200px) {
  .wp-block-pulp-feature {
    --feature-body-column: 2 / span 4;
    --feature-image-column: 7 / span 6;
    --feature-row: 1;
  }
}
@media (max-width: 991px) {
  .wp-block-pulp-feature .container {
    padding-inline: 0;
  }
}
.wp-block-pulp-feature .feature-container {
  background-image: var(--block-bg-image, none);
  background-position: center;
  background-size: cover;
  border-radius: 0.3rem;
  margin-block: 1rem;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .wp-block-pulp-feature .feature-container.content-right {
    --feature-image-column: 1 / span 7;
    --feature-body-column: 8 / span 4;
  }
}
.wp-block-pulp-feature .feature-container {
  align-items: var(--grid-align-y);
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
  background-color: var(--color-black);
}
.wp-block-pulp-feature .feature-body {
  background: color-mix(in srgb, var(--color-ink) 80%, transparent);
  display: flex;
  flex-direction: column;
  grid-column: var(--feature-body-column);
  grid-row: var(--feature-row, auto);
  justify-content: center;
  padding: var(--spacing-10) var(--container-padding-inline) 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .wp-block-pulp-feature .feature-body {
    padding: clamp(2rem, 12.1212121212vw, 20rem) 0;
  }
}
.wp-block-pulp-feature .feature-image {
  grid-column: var(--feature-image-column);
  grid-row: var(--feature-row, auto);
}
@media (max-width: 575px) {
  .wp-block-pulp-feature .wp-block-button {
    width: 100%;
  }
}

[data-type="pulp/feature"] .components-resizable-box__handle {
  display: none !important;
}
[data-type="pulp/feature"] .components-resizable-box__container {
  pointer-events: none;
}