.LogoutButton_button__sivZq{display:inline-flex;align-items:center;justify-content:flex-start;width:45px;height:45px;border:none;border-radius:999px;cursor:pointer;position:relative;overflow:hidden;transition:width .3s ease,border-radius .3s ease,transform .18s ease,box-shadow .24s ease,background-color .24s ease;box-shadow:2px 2px 10px rgba(0,0,0,.18);background:linear-gradient(180deg,#ff5d5d,#e23636);color:#fff}.LogoutButton_button__sivZq:hover{width:125px;border-radius:40px}.LogoutButton_button__sivZq:active{transform:translate(2px,2px)}.LogoutButton_button__sivZq:focus-visible{outline:2px solid rgba(255,95,95,.35);outline-offset:2px}.LogoutButton_buttonFull__MV6_H{width:100%;min-width:0;border-radius:16px;justify-content:center;gap:8px}.LogoutButton_buttonFull__MV6_H:hover{width:100%;border-radius:16px}.LogoutButton_buttonFull__MV6_H .LogoutButton_sign___3a1L{width:auto;padding-left:0}.LogoutButton_buttonFull__MV6_H .LogoutButton_text__oIgi3{opacity:1;width:auto;padding-right:0;position:static}.LogoutButton_sign___3a1L{width:100%;height:100%;transition:width .3s ease,padding-left .3s ease;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.LogoutButton_button__sivZq:hover .LogoutButton_sign___3a1L{width:30%;padding-left:20px}.LogoutButton_icon__9W4oX{width:17px;height:17px}.LogoutButton_icon__9W4oX path{fill:currentColor}.LogoutButton_text__oIgi3{position:absolute;right:0;width:0;opacity:0;color:inherit;font-size:1rem;font-weight:700;line-height:1;white-space:nowrap;text-align:center;transition:opacity .3s ease,width .3s ease,padding-right .3s ease}.LogoutButton_button__sivZq:hover .LogoutButton_text__oIgi3{opacity:1;width:70%;padding-right:10px}.LogoutButton_sm__mVV_i{width:40px;height:40px}.LogoutButton_sm__mVV_i:hover{width:116px}.LogoutButton_sm__mVV_i .LogoutButton_text__oIgi3{font-size:.9rem}.LogoutButton_buttonFull__MV6_H.LogoutButton_sm__mVV_i{width:100%;height:42px}.LogoutButton_buttonFull__MV6_H.LogoutButton_sm__mVV_i:hover{width:100%}@media (max-width:640px){.LogoutButton_button__sivZq:hover{width:45px;border-radius:999px}.LogoutButton_button__sivZq:hover .LogoutButton_sign___3a1L{width:100%;padding-left:0}.LogoutButton_button__sivZq:hover .LogoutButton_text__oIgi3{opacity:0;width:0;padding-right:0}.LogoutButton_buttonFull__MV6_H:hover{width:100%;border-radius:16px}.LogoutButton_buttonFull__MV6_H:hover .LogoutButton_sign___3a1L{width:auto;padding-left:0}.LogoutButton_buttonFull__MV6_H:hover .LogoutButton_text__oIgi3{opacity:1;width:auto;padding-right:0;position:static}}