.swal-footer{
    text-align: center !important;
}
.swal-button-container{
    margin: 18px;
    margin-top: 0px !important;
}
.swal-button {
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
    border:none;
    color: white;
    transition: 0.4s;
    border-radius: 15px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    outline: none;
    overflow: hidden;
    padding: 5px 20px;
    position: relative;
    text-decoration: none;
    z-index: 1;
}

.swal-modal{
    background-color: #333333 !important;
    border-radius: 11px !important;
}
.swal-text{
    color: white !important;
}
.swal-title{
    color: white !important;
}
.swal-icon--error__line{
    background-color: #315DA9  !important;
}
.swal-icon--error{
    border-color: #315DA9 !important;
}
.swal-icon--error{
    background-color: transparent !important;
}
.swal-icon--success:after, .swal-icon--success:before {
    background-color: transparent !important;
}
.swal-icon--success__hide-corners{
    background-color: transparent !important;
}
.swal-icon--warning__body{
    background-color: #315DA9 !important;
}
.swal-icon--warning__dot{
    background-color: #315DA9 !important;
}
.swal-icon--warning{
    border-color: #315DA9 !important;
}



@media only screen and (min-width: 1251px) {

    .swal-button{
        font-size: 0.8vw !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1250px)
{
    .swal-button{
        font-size: 0.9vw !important;
    }
}
@media only screen and (min-width: 767px) and (max-width: 992px)
{
    .swal-button {
        font-size: 1.5vw !important;
    }
}
@media only screen and (max-width: 767px)
{
    .swal-button {
        font-size: 3.2vw !important;
    }
}