.elementor-5402 .elementor-element.elementor-element-20d6d0e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8cc27b5 *//* center everything in offer-right vertically */
.offer-right {
  display: flex;
  flex-direction: column;
  justify-content: center;   /* <-- center vertically */
  align-items: flex-end;
  gap: 8px;
}

/* your new non-clickable tag */
.offer-tag {
  display: inline-block;
  background: var(--bg-card);     /* same dark bg as the card */
  color: var(--text-light);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: .85rem;
  font-weight: 600;
  /* remove pointer cursor */
  cursor: default;
  user-select: none;
}

/* make sure badges/buttons all sit centered on mobile too */
@media (max-width: 900px) {
  .offer-right {
    align-items: center;
  }
}
/* “All Plans” badge: match the card’s dark background */
.offer-left .offer-tag-link {
  background: var(--bg-card) !important;
  color: var(--text-mid) !important;
  border: 1px solid var(--accent-green) !important;
}
.offer-tag-link {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}/* End custom CSS */