@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .btn-fun {
        @apply px-8 py-3 rounded-full font-extrabold font-sans uppercase tracking-wide text-navy shadow-lg transition-all duration-300 ease-in-out;
    }

    .btn-yellow {
        @apply bg-yellow-sun hover:bg-yellow-400 hover:shadow-xl hover:scale-105;
    }

    .btn-white {
        @apply bg-white hover:bg-gray-100 hover:shadow-xl hover:scale-105;
    }

    .section-heading {
        @apply text-4xl md:text-5xl font-black text-navy text-center mb-12;
    }

    .form-input-sidebar {
        @apply w-full pl-4 pr-10 py-3 rounded-full bg-cream border-2 border-transparent text-navy placeholder:text-navy placeholder:text-opacity-50 focus:outline-none focus:ring-2 focus:ring-blue-sky transition-all;
    }
}


#awt-review-modal {
    p {
        margin-bottom: 1rem;
    }
}

.awt-wrapper {
    background: #fff;
}