.burger-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px 0;border:none;width:120px;height:120px;background-color:#fff;margin:0 0 0 auto;padding:23px 22px 22px;font-size:1.8rem;font-weight:bold;color:#000;text-align:center;letter-spacing:.02em;line-height:1.5;cursor:pointer}@media screen and (max-width: 767px){.burger-btn{width:70px;height:70px;font-size:1.2rem;padding:13px 9px 6px;gap:6px 0}}.burger-btn:hover{opacity:.5}.burger-btn__line{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px 0}@media screen and (max-width: 767px){.burger-btn__line{gap:8px 0}}.burger-btn__line>span{width:49px;height:5px;background-color:#000}@media screen and (max-width: 767px){.burger-btn__line>span{width:32px;height:4px}}.burger-btn--close{color:#fff;background-color:#00adeb;padding:23px 22px 14px;gap:14px 0}@media screen and (max-width: 767px){.burger-btn--close{width:70px;height:70px;font-size:1.2rem;padding:13px 9px 6px;gap:6px 0}}.burger-btn--close>.burger-btn__line>span{background-color:#fff}.burger-btn--close>.burger-btn__line>span:first-child{width:49px;transform:rotate(45deg) translate(7px, 5px)}@media screen and (max-width: 767px){.burger-btn--close>.burger-btn__line>span:first-child{width:33px;transform:rotate(45deg) translate(3px, 3px)}}.burger-btn--close>.burger-btn__line>span:last-child{width:49px;transform:rotate(-45deg) translate(8px, -8px)}@media screen and (max-width: 767px){.burger-btn--close>.burger-btn__line>span:last-child{width:33px;transform:rotate(-45deg) translate(5px, -6px)}}