/* Custom styles */
.btn-icon {
    @apply inline-flex items-center justify-center w-10 h-10 rounded-full border border-gray-300 text-gray-700 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500;
}

.btn-outline {
    background-color: white;
    color: black; /* Pink text color */
    border: 2px solid white; /* Pink border */
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-outline:hover {
    background-color: #eeeeee; /* Pink background on hover */
    color: black; /* White text on hover */
}


/* Center content on smaller screens */
@media (max-width: 1023px) {
    main > div:first-child {
        @apply text-center;
    }
    main > div:first-child img {
        @apply mx-auto;
    }
}