.burger{margin:0;padding:.5em;display:flex;flex-direction:column;gap:.45em;background:#FFF;border:0;border-radius:.3em;cursor:pointer}.burger span{position:relative;display:block;width:30px;height:2px;background:#808080;transition:.3s}.burger.active{transform-origin:center;transform:translateY(-3px)}.burger.active span:first-child{transform:rotate(45deg);top:11px}.burger.active span:nth-child(2){opacity:0}.burger.active span:last-child{transform:rotate(-45deg);top:-7px}@media (min-width:48em){.burger{display:none}}