/* Specific project button click effects and additional fixes */

/* Additional button styles for click effects */
.project-link.button-clicked {
    animation: buttonPulse 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    background-color: rgba(67, 97, 238, 1) !important;
}

@keyframes buttonPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1.1); }
}

/* Fix for any competing styles */
.project-link {
    bottom: auto !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
    transform: translateY(0) !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}

/* Ensure project button is always displayed */
.project-item .project-link {
    display: inline-flex !important;
}

/* Handle expanded state smoothly */
.project-item.expanded .project-info {
    padding-bottom: 10px;
}

.project-item.expanded .project-link {
    margin-top: 20px !important;
}

/* Fix for button text overflow */
.project-link {
    max-width: 90%;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

/* Hover rotate class overrides */
.hover-rotate.project-link:hover {
    transform: scale(1.05) !important;
    rotate: 0deg !important;
}

/* Button click state */
.project-item.expanded .hover-rotate.project-link:hover {
    transform: scale(1.15) !important;
}

/* Firefox specific fix */
@-moz-document url-prefix() {
    .project-link {
        overflow: visible !important;
        display: inline-flex !important;
    }
}

/* Color contrast adjustments for button text */
.project-link {
    text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    font-weight: 500 !important;
}

.project-item.expanded .project-link {
    text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    font-weight: 600 !important;
}