.modal .modal-dialog {
    border: none;
    border-radius: 0;
    color: #fff;
}

.modal-content {
    background-color: transparent;
    border: none;
}

.delete-modal .modal-header {
    background-color: #e81e25;
    border-radius: 0;
    border-bottom: none;
}

.checkout-modal .modal-header {
    border-radius: 0;
    border-bottom: none;
}

.modal-dialog p {
    text-transform: capitalize;
}

.modal-dialog h3 {
    text-transform: uppercase;
}

.modal-dialog h5 {
    text-transform: uppercase;
}

.button-modal-danger {
    background-color: #a31d21;
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 5px 50px;
    text-transform: uppercase;
    font-weight: bold;
}

.button-modal-danger:hover {
    background-color: #8d181c;
    color: #fff;
}

.button-modal-success {
    background-color: #509e48;
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 5px 50px;
    text-transform: uppercase;
    font-weight: bold;
}

.button-modal-success:hover {
    background-color: #488b40;
    color: #fff;
}

.modal .close {
    background-color: #8d181c;
    color: #fff;
    position: absolute;
    right: -2px;
    top: -2px;
    border: none;
    border-radius: 50%;
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    opacity: 1;
    outline: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M8 8 L24 24 M8 24 L24 8'/%3E%3C/svg%3E");
}

.modal .close:hover {
    background-color: #86181c;
    color: #fff;
    opacity: 1;
}