#donation-modal-form{
    width: 500px;
}

@media (max-width: 768px) {
    #donation-modal-form, .donation-modal{
        width: 100% !important;
    }
}

.donation-modal .proposal__content{
    grid-template-columns: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#card-element{
    margin-top: 7px;
    border: 3px solid #61656b;
    border-radius: 12px;
    padding: 13px 20px 12px;
}

.donation-status{
    width: 456px;
    margin: 0 auto;
}

@media (max-width: 640px) {
    .donation-status{
        width: 100%;
        max-width: 456px;
        padding: 0 16px;
        box-sizing: border-box;
    }
}

.modal__content{
    width: auto;
    max-width: 100%;
}

/* Donation modal status views styles */
.donation-modal .donation-status .modal-title{font-size:34px;font-weight:600;color:#fff;margin:12px 0 8px;text-align:center}
.donation-modal .donation-status p{color:#a7adb7;margin:0;text-align:center}

/* Explorer link button */
#donation-modal-explorer{display:block;text-align:center;margin-top:16px;background:#141516;color:#fff;border-radius:16px;padding:18px;text-decoration:none!important;font-weight:700;font-size:18px}
#donation-modal-explorer:hover{background:#2a2d2f}

/* Make Another Donation button */
#donation-modal-again{background:#0091ff!important;color:#fff;border:none;border-radius:100px;padding:18px 24px;font-size:18px;font-weight:700;width:100%;margin-top:12px}
#donation-modal-again:hover{background:#007ae0}