/* Ready-made server configuration cards. */
/* Card shell and compact internal spacing. */
.server-plan-card {
  border-color: rgba(0, 120, 215, .16) !important;
  position: relative;
}
.server-plan-card .card-body {
  padding: 1.25rem !important;
}
.server-plan-card:hover {
  box-shadow: 0 1.4rem 3rem rgba(22, 42, 73, .14) !important;
  transform: translateY(-5px);
}
/* Price composition: large amount plus monthly suffix. */
.server-plan-price {
  align-items: baseline;
  display: flex;
  gap: .35rem;
}
.server-plan-price strong {
  color: var(--wbs-ink);
  font-size: 1.7rem;
  letter-spacing: -.045em;
}
.server-plan-price span {
  color: #627d98;
  font-size: .85rem;
}
/* Highlight the recommended plan and anchor its badge. */
.server-plan-featured {
  border: 2px solid var(--wbs-blue) !important;
}
.server-plan-badge {
  background: var(--wbs-blue);
  border-radius: 999px;
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
  padding: .32rem .65rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
}