equal-height pricing cards: flex column, perks flex-grow, button bottom

This commit is contained in:
Oliver
2026-06-07 20:12:21 -03:00
parent 0407779d55
commit 9d7669af79
+11 -1
View File
@@ -799,7 +799,6 @@
gap: 20px;
max-width: 960px;
margin: 0 auto;
align-items: start;
}
.pricing-card {
background: var(--bg-card);
@@ -810,12 +809,23 @@
box-shadow: var(--shadow);
position: relative;
transition: border-color 0.2s, transform 0.2s;
display: flex;
flex-direction: column;
}
.pricing-card.featured {
border-color: var(--accent);
background: linear-gradient(180deg, rgba(79, 142, 247, 0.06) 0%, var(--bg-card) 100%);
transform: scale(1.04);
}
.pricing-perks {
list-style: none;
text-align: left;
margin: 14px 0 24px;
flex: 1;
}
.pricing-card .btn-block {
margin-top: auto;
}
.pricing-badge {
position: absolute;
top: -11px;