/* Homepage specific styles for back-to-top button */
@media (max-width: 768px) {
    /* Override mobile styling for homepage */
    .back-to-top-btn {
        bottom: 30px !important; /* Same as desktop */
        right: 30px !important; /* Same as desktop */
        background-color: rgba(35, 41, 51, 0.7) !important; /* Add transparency */
    }
    
    /* Add hover effects on homepage mobile */
    .back-to-top-btn:hover {
        background-color: var(--secondary-color) !important; /* Solid on hover */
        transform: translateY(-2px) !important; /* Add lift effect */
    }
    
    .back-to-top-btn.on-secondary {
        background-color: rgba(21, 23, 28, 0.7) !important; /* Transparent primary color */
    }
    
    .back-to-top-btn.on-secondary:hover {
        background-color: var(--primary-color) !important; /* Solid primary on hover */
    }
    
    .back-to-top-btn.on-primary {
        background-color: rgba(35, 41, 51, 0.7) !important; /* Transparent secondary color */
    }
    
    .back-to-top-btn.on-primary:hover {
        background-color: var(--secondary-color) !important; /* Solid secondary on hover */
    }
}