.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;padding-top:60px}.modal-content{background-color:#fff;margin:5% auto;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0003;width:90%;max-width:500px}.close-payment-modal{color:#aaa;float:right;font-size:24px;font-weight:700}.close-payment-modal:hover,.close-payment-modal:focus{color:#000;text-decoration:none;cursor:pointer}h2{margin-bottom:20px;color:#333}.payment-options{margin-bottom:20px}.payment-options label{display:block;margin:10px 0;font-size:16px;color:#555}.modal-buttons{display:flex;justify-content:space-between}.modal-buttons button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.modal-buttons button:hover{background-color:#007bff;color:#fff}.modal-buttons button:nth-child(1){background-color:#f44336;color:#fff}.modal-buttons button:nth-child(1):hover{background-color:#d32f2f}.modal-buttons button:nth-child(2){background-color:#4caf50;color:#fff}.modal-buttons button:nth-child(2):hover{background-color:#388e3c}