div.prepaid-account.container{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;border-radius:8px}div.prepaid-account.container .ribbon{background-color:#03386b;border-radius:8px 8px 0 0;color:#fff;width:calc(100% + 40px);padding:10px 20px;margin-top:-20px;margin-bottom:20px;font-size:1.5rem;font-weight:700}.balance{display:flex;align-items:center}.current-balance{font-size:1.5rem;font-weight:700;color:#2c3e50}.balance span{font-size:18px;margin-right:20px}.recharge-button{padding:10px 20px;background-color:#27ae60;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:5px;cursor:pointer}.transaction-history{width:100%}.transaction-history h2{font-size:20px;color:#2c3e50;margin-bottom:10px}.actions{margin-top:30px}.actions h2{font-size:20px;color:#2c3e50;margin-bottom:10px}.actions form{margin-bottom:15px}.actions input[type=number],.actions input[type=text]{width:calc(100% - 150px);padding:10px;margin-right:10px;border:1px solid #ddd;border-radius:5px}.actions .button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer}.actions .button:hover{background-color:#2980b9}