.burguer-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;border:0 transparent;cursor:pointer;display:flex;flex-direction:column;justify-content:center;outline:none;padding:0}.burguer-button>.bar{background-color:#000;border-radius:25px;display:block;transition:opacity .2s ease-in,transform .2s ease-out}.burguer-button>.bar:first-child{transform:translateY(-75%)}.burguer-button>.bar:nth-child(3){transform:translateY(75%)}.burguer-button.-active>.bar:nth-child(2){opacity:0}.burguer-button.-active>.bar:first-child{transform:translateY(100%) rotate(45deg)}.burguer-button.-active>.bar:nth-child(3){transform:translateY(-100%) rotate(-45deg)}