.logout-btn{align-items:center;background-color:transparent;color:var(--brand-secondary-light-900);display:flex;flex-direction:row;gap:var(--spacing-12);height:40px;overflow:hidden;padding:0 var(--spacing-16);position:relative;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .25s ease-in-out,transform .15s ease-in-out;width:100%;z-index:0}.logout-btn,.logout-btn:before{border-radius:var(--radius-pill);will-change:transform,opacity}.logout-btn:before{background:linear-gradient(170deg,#fff,#16243800 49.9% 50.1%,#fff);content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .5s ease-in-out;z-index:-1}.logout-btn:focus,.logout-btn:hover{background:#ffffff1a;box-shadow:0 0 4px #00000003;color:#7f3ab7}.logout-btn:focus:before,.logout-btn:hover:before{opacity:1}@media (max-width:1024px){.logout-btn__label{display:none}}.logout-btn__label.full{display:inline-block!important}body[data-theme=dark] .logout-btn{color:var(--brand-grey-50)}