.maeveport-dual-cta-container {
  display: flex;
  width: 100%;
  min-height: 50vh; /* Reduced from 60vh */
  box-sizing: border-box;
}

.maeveport-dual-cta-left,
.maeveport-dual-cta-right {
  flex: 1; /* Each takes up 50% of the width */
  padding: 60px 80px; /* Generous padding */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center content vertically */
  box-sizing: border-box;
}

.maeveport-dual-cta-left {
  background-color: #121212;
  color: #e0e0e0; /* Light gray for better readability than pure white */
}

.maeveport-dual-cta-right {
  background-color: #0a0a0a;
  color: #e0e0e0;
}

.maeveport-dual-cta-left .maeveport-dual-cta-heading, /* Adjusted selector */
.maeveport-dual-cta-right .maeveport-dual-cta-heading {
  /* Adjusted selector */
  font-size: var(
    --font-size-heading-md
  ); /* Changed from 2rem to use webring variable */
  font-weight: 400; /* Changed from 700 to regular */
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
}

.maeveport-dual-cta-left .maeveport-dual-cta-text, /* Adjusted selector */
.maeveport-dual-cta-right .maeveport-dual-cta-text {
  /* Adjusted selector */
  font-size: 1rem; /* Reduced from 1.1rem */
  line-height: 1.6;
  margin-bottom: 30px;
  max-width: 400px; /* Reduced from 500px */
}

.maeveport-dual-cta-button {
  /* Renamed from .cta-button */
  background: none;
  border: none;
  color: #ffffff; /* White button text, or an accent color */
  font-family:
    'Open Sans', sans-serif; /* This will be inherited from the theme */
  font-size: 0.9rem; /* Reduced from 1rem */
  font-weight: 400; /* Changed from 600 to regular */
  cursor: pointer;
  padding: 0; /* Remove default padding */
  display: inline-flex;
  align-items: center;
  text-decoration: none; /* If using <a> tags */
  align-self: flex-start; /* Align button to the start of the flex container */
}

.maeveport-dual-cta-button .maeveport-dual-cta-arrow-svg {
  /* Renamed from .lpc-arrow-svg */
  width: 22px; /* Slightly smaller for balance */
  height: 22px;
  margin-left: 10px; /* More space */
  transition: transform 0.2s ease-out;
}

.maeveport-dual-cta-button:hover .maeveport-dual-cta-arrow-svg {
  /* Renamed */
  transform: translateX(5px);
}

/* Responsive adjustments */
@media (max-width: 992px) {
  /* Tablet and larger mobile */
  .maeveport-dual-cta-container {
    min-height: 40vh; /* Reduced height for tablets */
  }

  .maeveport-dual-cta-left,
  .maeveport-dual-cta-right {
    padding: 50px 40px;
  }

  /* Font size for headings is now controlled by --font-size-heading-md variable up to 767.98px */

  .maeveport-dual-cta-left .maeveport-dual-cta-text, /* Adjusted selector */
    .maeveport-dual-cta-right .maeveport-dual-cta-text {
    /* Adjusted selector */
    font-size: 0.9rem; /* Reduced from 1rem */
  }
}

@media (max-width: 768px) {
  /* Mobile */
  .maeveport-dual-cta-container {
    flex-direction: column;
    min-height: auto; /* Adjust height for stacked layout */
  }

  .maeveport-dual-cta-left,
  .maeveport-dual-cta-right {
    flex: none; /* Reset flex-basis */
    width: 100%;
    padding: 40px 30px;
    text-align: center; /* Center text on mobile */
  }

  .maeveport-dual-cta-left .maeveport-dual-cta-text, /* Adjusted selector */
    .maeveport-dual-cta-right .maeveport-dual-cta-text {
    /* Adjusted selector */
    max-width: 100%; /* Allow paragraph to take full width */
  }

  .maeveport-dual-cta-button {
    /* Renamed */
    align-self: center; /* Center button on mobile */
  }

  .maeveport-dual-cta-left .maeveport-dual-cta-heading,
  .maeveport-dual-cta-right .maeveport-dual-cta-heading {
    font-size: var(
      --font-size-heading-xs
    ); /* Match webring card title on small screens */
  }
}