.modal {
    @apply items-center justify-center rounded shadow-lg border-[1px];
}

@media (max-width: 767px) {
    .modal {
        @apply fixed mb-0 bg-gray-100 shadow-inner rounded-lg w-full max-w-full;

        /* animation base state */
        @apply translate-y-40 transition-transform duration-300 ease-out
    }

    .modal.modal-open {
        @apply translate-y-0;
    }
}