/* Pricing table (Pricing / Payment page). Ported unchanged from legacy's application.css -- table and
   .table-striped class names are identical between Bootstrap 3 and 5. */

.snPricingTable {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(11, 30, 61, 0.06);
}
.snPricingTable > thead > tr > th {
  background: linear-gradient(135deg, var(--sn-pink) 0%, var(--sn-pink-dark) 100%);
  color: #ffffff;
  border: none;
}
.snPricingTable > tbody > tr > td {
  border-color: var(--sn-blue-light);
}
.snPricingTable.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--sn-blue-light);
}
.snPricingTable > tbody > tr:hover > td {
  background-color: var(--sn-pink-light);
}