:root {
    --height_btn: 45px;
}

.btn {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    /* max-width: 160px; */
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    padding: 8px 30px 20px 30px !important;
    max-height: unset !important;
    height: var(--height_btn);
    transform: translateY(7px) !important;
}
.btn:hover {
    text-decoration: none;
}
.btn-1 {
    background: none;
}
.btn-1 svg {
    height: var(--height_btn);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.btn-1 rect {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 422, 0;
    transition: all 0.35s linear;
}
.btn-1:hover rect {
    stroke-width: 5;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}





/* noms de classe dans module code  */
.nos-projets .btn-1:hover rect{
    stroke-dasharray: 20, 500;
    stroke-dashoffset: 120px;
}
.voir-site .btn-1:hover rect{
    stroke-dasharray: 20, 500;
    stroke-dashoffset: 222px;
}
.contactez-nous .btn-1:hover rect{
    stroke-dasharray: 20, 500;
    stroke-dashoffset: 130px;
}
.retour-accueil .btn-1:hover rect{
    stroke-dasharray: 20, 500;
    stroke-dashoffset: 110px;
}