.btn {
    font-weight: 550;
    color: var(--white);
    padding: 10px 20px;
    display: block;
    width: max-content;
    transition: all 0.3s ease;
    border-radius: var(--low-radius);
    cursor: pointer;
}

.primary-btn {
    background: var(--primary-gradient);
    color: var(--white);
}

.primary-btn:hover {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    scale: 1.05;
}

.secondary-btn {
    border: 1px solid var(--orange);
    background: var(--white);
    color: var(--grey);
}

.secondary-btn:hover {
    background: var(--primary-gradient);
    color: var(--white);
}

.homeBtn {
    display: flex;
    width: 150px;
}

.homeBtn img {
    width: 100%;
    height: 100%;
}

.smart-lab-btn i {
    margin-right: 10px;
}

.smart-lab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    background: white;
    color: black;
    font-weight: 600;
}

/* Au hover : bordure dégradée */
.smart-lab-btn:hover {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg, #eff6ff, #fdf2f8) border-box;
    border: 2px solid transparent;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                0 4px 6px -4px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
    color: black;
}



    /* Pad Version */
    @media screen and (min-width: 768px) {
        .homeBtn {
            width: 160px;
        }
    }


        /* Desktop Version */
        @media screen and (min-width: 992px) {
            .homeBtn {
                width: 170px;
            }
        }