@charset "utf-8";

/* Mobile */
@media only screen and (min-width: 0px) {
    /* CTA contattaci ora*/

    .cta-container {
        text-align: center;
        margin: 50px 0;
        padding: 20px;
        background-color: #2f2f2f;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .cta-container a:hover {
        color: white;
    }

    .cta-container.visible {
        opacity: 1;
        transform: translateY(0);
    }
    
    .cta-text {
        color: white;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
        line-height: 1.4;
    }
    
    .cta-button {
        display: inline-block;
        background-color: #4d8b7b;
        color: white;
        font-size: 18px;
        padding: 15px 30px;
        border-radius: 6px; 
        text-decoration: none;
        text-transform: uppercase;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }
    
    .cta-button:hover {
        background-color: #3c6a5d;
        transform: translateY(-5px);
    }
    
    .cta-button:focus {
        outline: none;
    }
}