*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;font:14px Arial,sans-serif;padding:15px}.pricing{width:750px;max-width:100%;display:grid;grid-template-columns:1fr 202px;gap:24px;padding:16px 16px 16px 30px;border-radius:29px;background:rgba(44,46,50,.56);border:1px solid #ffffff18}.configuration{min-width:0}h3{font-size:18px;font-weight:400;border-bottom:1px solid #ffffff20;padding:14px 0 20px;margin:0}h3 span{color:#ff0099;margin-right:8px}h3 b{font-weight:400}.option-row{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff20}label{font-size:12px;color:#b9b8c0;display:block}.options{display:flex;gap:5px;flex-wrap:wrap}button,select{background:#ffffff06;border:1px solid #ffffff18;border-radius:10px;color:white;padding:10px 7px;font:600 12px Arial;cursor:pointer}button.selected{background:#ff009925;border-color:#ff0099;box-shadow:0 0 0 3px #ffffff0a}select{max-width:270px}select option{background:#20202c}.total{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.total strong{display:block;font-size:36px;font-weight:400}.total a{padding:12px 36px;background:#f00096;color:white;border-radius:12px;font-weight:600;text-decoration:none}aside{background:#ff009912;border:1px solid #ff009925;border-radius:18px;padding:15px}aside>p{font-size:14px;margin:12px 0 26px}aside>div{display:flex;gap:10px;align-items:center;margin:17px 0}aside i{color:#ff0099;width:20px;border:1px solid #ff0099;border-radius:4px;text-align:center;font-style:normal;font-size:17px}aside span{font-size:13px;display:block;margin-top:4px}@media(max-width:620px){body{padding:8px}.pricing{padding:18px;grid-template-columns:1fr;gap:8px}.option-row{flex-wrap:wrap;padding:15px 0;gap:12px}aside{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}aside>p{grid-column:1/-1;margin:0}aside>div{margin:8px 0}.total a{padding:12px 24px}}