header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 80px;
   /* background-color: transparent; */
   background: #09040F;
   pointer-events: auto;
   height: 108px;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
 }

 header img {
   height: 48px;
 }

 .toggle-button {
   position: relative;
   width: 161px;
   height: 56px;
   padding: 0 24px;

   font-family: 'Nasalization', sans-serif;
   font-size: 20px;
   font-weight: 400;
   line-height: 28px;
   color: #F3FAFD;
   white-space: nowrap;

   background: rgba(255, 255, 255, 0.03);
   backdrop-filter: blur(4px);
   border: none;
   border-radius: 8px;
   cursor: pointer;

   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
   overflow: hidden;
 }

 .toggle-button:active {
   box-shadow: 0px 0px 16.7px 0px #8D9FFFB2;
   color: #AA87D9;
 }

 .toggle-button::before {
   content: '';
   position: absolute;
   inset: 0;
   padding: 1px;
   border-radius: 8px;
   background: linear-gradient(100.83deg, #B37BF7 -25.34%, #8D9FFF 139.87%);
   -webkit-mask:
     linear-gradient(#fff 0 0) content-box,
     linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   pointer-events: none;
   z-index: -1;
 }