/* ITNAONE_SIGNOUT_RESPONSIVE_V66AM */

.itnaone-signout-icon,
.itnaone-signout-icon svg{
  width:18px;
  height:18px;
  display:block;
  flex:0 0 18px;
}

.itnaone-top-direct-logout button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}

@media (max-width:640px){

  html body.mail-ui-page form.itnaone-top-direct-logout{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex:0 0 40px!important;
    margin:0!important;
    padding:0!important;
  }

  html body.mail-ui-page form.itnaone-top-direct-logout > button{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#0b57d0!important;
    border:1px solid #d7e1f0!important;
    box-shadow:0 2px 8px rgba(15,23,42,.08)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    font-size:0!important;
  }

  html body.mail-ui-page form.itnaone-top-direct-logout > button b{
    display:none!important;
  }

  html body.mail-ui-page .itnaone-signout-icon,
  html body.mail-ui-page .itnaone-signout-icon svg{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }
}

@media (max-width:380px){
  html body.mail-ui-page form.itnaone-top-direct-logout{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    flex-basis:38px!important;
  }

  html body.mail-ui-page form.itnaone-top-direct-logout > button{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}