/* class plans */
.classes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.plan{padding:40px 30px;border:1px solid rgba(217,164,65,.25);text-align:center;transition:.4s}
.plan:hover{border-color:var(--gold);background:rgba(74,29,122,.3)}
.plan.hot{background:linear-gradient(170deg,var(--plum),#190f26);border-color:var(--gold)}
.plan h3{font-family:var(--serif);font-weight:500;font-size:28px;color:var(--gold2)}
.plan .when{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:6px 0 18px}
.plan p{font-size:14px;color:var(--mute)}
@media(max-width:900px){.classes{grid-template-columns:1fr}}