.wp-dark-mode-dashboard-widget {
    @apply border border-gray-100 rounded-lg flex flex-col gap-4 relative;

    &-header{
        @apply flex items-center justify-between gap-2;

        h3 {
            @apply text-sm font-semibold #{!important};
        }
        select {
            @apply text-sm text-gray-500 rounded-md; 
        }
    }

    &-overlay {
        @apply absolute inset-0 rounded-lg top-0 left-0 z-10 w-full h-full flex items-center justify-center;

        &-inner {
            @apply flex items-center text-base flex-col gap-6 justify-center bg-white shadow-2xl p-10 rounded-md border border-gray-200 text-center;
            max-width: 350px;
            height: 150px;

            button {
                @apply text-sm font-semibold rounded-full border-0 shadow px-4 py-2 bg-orange-400 text-white hover:bg-orange-500 transition duration-150 flex items-center justify-center gap-3 cursor-pointer;
            }
        }
    }
}