.current-subscription{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:20px 0;padding:22px 24px;border:1px solid #cceae5;border-left:6px solid #20b8aa;border-radius:18px;background:#fff;box-shadow:0 12px 30px #4c318516}.current-subscription small{color:#16a69b;font-weight:900;letter-spacing:.1em}.current-subscription h2{margin:4px 0;color:#28136c}.current-subscription p{margin:0;color:#796e99}.current-subscription>div:last-child{display:grid;justify-items:end;gap:9px;min-width:170px}.current-subscription form{margin:0;width:100%}.current-subscription .button{width:100%;padding:10px 14px}.subscription-state{padding:5px 11px;border-radius:99px;background:#dcf7f2;color:#087b71;font-size:.72rem;font-weight:900;text-transform:capitalize}.current-subscription.past_due{border-color:#f4d2a8;border-left-color:#ef963e}.current-subscription.past_due .subscription-state{background:#fff0dc;color:#a75d12}.current-subscription.cancelled{border-color:#e0d9ec;border-left-color:#998ba9}.current-subscription.cancelled .subscription-state{background:#eeeaf3;color:#71667c}@media(max-width:680px){.current-subscription{display:grid}.current-subscription>div:last-child{justify-items:stretch}}