.plans {
  grid-template-columns: repeat(2, minmax(0, 420px));
}

.pro-plan h2 small { font-size: 1rem; font-weight: 600; }
.pro-plan p, .pro-plan > small { font-size: .875rem; }
@media (max-width: 800px) { .plans { grid-template-columns: minmax(0, 420px); } }

.membership-gate {
  min-height: 210px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: #fff8e8;
  border: 1px solid #eedaa5;
  border-radius: var(--radius);
}

.membership-gate strong {
  font-size: 1rem;
}

.membership-gate p {
  color: var(--muted);
  font-size: .75rem;
}

.membership-gate button {
  margin-top: auto;
}