.btn-menu{
    background:#21618C;
    width:40px;
    height:40px;
    top:100px;
    left:10px;
    display:block;
    position:absolute;
    border-radius:50%
}

.btn-menu:before,
.btn-menu:after{
    background:#fff;
    width:20px;
    height:2px;
    left:10px;
    display:block;
    position:absolute;
    content:"";
    transition:all .75s ease
}

.btn-menu:before{top:16px}
.btn-menu:after{bottom:16px}

.menu-button:focus-within .list-menu-button{left:0;opacity:1}
.menu-button:focus-within .intro-menu-button{width:calc(100% - 120px);left:120px}
.menu-button:focus-within .btn-menu:before{transform:rotate(45deg) translate(2px,2px)}
.menu-button:focus-within .btn-menu:after{transform:rotate(-45deg) translate(2px,-2px)}

.btn-whatsapp{
    width:30px;
    height:30px;
    top:150px;
    left:-10px;
    display:block;
    position:absolute;
    border-radius:50%
}