.plan-usage-card{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin:1.1rem 0 1.5rem;padding:1.15rem 1.35rem;border:1px solid #d3e6e7;border-radius:1.1rem;background:linear-gradient(105deg,#f0f8f8,#f1f6fa);color:#1c3b50}.plan-usage-card h2{font-size:1.18rem;margin:.2rem 0}.plan-usage-card p{margin:0;max-width:39rem;color:#3f6174}.plan-usage-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.55rem}.plan-usage-links a,.plan-usage-links button{appearance:none;border:0;background:none;padding:0;color:#245f82;font:800 inherit;text-decoration:none;cursor:pointer}.plan-usage-links a:hover,.plan-usage-links button:hover{text-decoration:underline}.plan-usage-title{display:flex;align-items:center;gap:.65rem}.plan-usage-title>span{padding:.22rem .52rem;border-radius:999px;background:#e5f6ef;color:#116a48;font-size:.7rem;font-weight:850;text-transform:uppercase}.plan-usage-metrics{display:flex;flex-wrap:wrap;gap:.6rem}.plan-usage-metrics div{min-width:7rem;padding:.6rem .8rem;border-radius:.75rem;background:white}.plan-usage-metrics strong,.plan-usage-metrics span{display:block}.plan-usage-metrics strong{font-size:1.15rem;color:#245f82}.plan-usage-metrics span{font-size:.8rem;color:#496879}@media(max-width:760px){.plan-usage-card{display:block}.plan-usage-metrics{margin-top:1rem}.plan-usage-title{align-items:flex-start;flex-direction:column}}