/* Custom styles for hover effects and additional styling */
.btn {
    @apply px-6 py-3 rounded-lg font-semibold text-lg transition-all duration-300;
}

.btn-primary {
    @apply bg-blue-600 text-white hover:bg-blue-700 hover:scale-105;
}

.btn-secondary {
    @apply bg-transparent border-2 border-white text-white hover:bg-white hover:text-blue-600 hover:scale-105;
}

.feature-tile {
    @apply bg-white rounded-lg shadow-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-xl;
}

.feature-tile img {
    @apply transition-all duration-300 hover:brightness-75;
}

.custom-link {
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease;
}

.custom-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: gold;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
    z-index: -1;
}

.custom-link:hover::before {
    transform: scaleX(1);
}

.custom-link:hover {
    color: black;
}