/* CTA block styles */

.cta-block-wrapper {
  padding-block: 2.5rem;
}

.cta-block {
  position: relative;
  overflow: clip;
  background-color: var(--wp--preset--color--bg-05);
  border: 1px solid var(--wp--preset--color--border-04);
  border-radius: var(--wp--custom--border-radius--3-xl);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.5rem;
  padding: 2.5rem 1.25rem;

  .bg-element {
    position: absolute;
    top: 50%; left: 50%;
    transform: translateY(-50%);
    width: 46.25rem;
    pointer-events: none;
  }

  .cta-block-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 36.5rem;
    position: relative;
  }

   .cta-block-action {
    position: relative;
   }

  @media (min-width: 45rem) {
    flex-direction: row;
    align-items: center;
    padding: 5rem 3rem;
  }
}