div:where(.swal2-container) button:where(.swal2-close) {
    color: rgb(var(--gray-color));
    outline: none;
    &:hover {
        color: rgb(var(--gray-color));
        transform: scale(.95);
    }
}
div:where(.swal2-container) div:where(.swal2-actions) {
    width: 100%;
}

div:where(.swal2-container) .swal2-html-container {
    padding: 0;
    text-align: start;
}

div:where(.swal2-container) h2:where(.swal2-title).toast-title {
    font-size: 20px;
    color: white;
    padding: 0;
    margin-top: .5rem;
}
div:where(.swal2-container) .swal2-html-container.toast-text {
    padding: 0;
    /* margin-top: .5rem; */
    color: rgb(var(--gray-color));
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    padding: 0;
    border-radius: .5rem;
}

span.title.select {
    cursor: pointer;
}

.recommend-card.show {
    display: flex !important;
}