@import "variables";

:host {
  .al-ico-bars-menu {
    font-size: 24px;
  }

  .menu-button.btn.icon {
    font-weight: initial;
    min-width: 16px;
    min-height: 16px;
    font-size: 16px;
    color: $blue-400;
  }

  .menu-button,
  .menu-button &:hover,
  .menu-button &:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
  }

  .hidden-button {
    opacity: 0;
    padding: 0;
    border: none;
  }

  .disabled-menu-btn {
    pointer-events: none;
    cursor: initial;
    color:$blue-500;
  }

  .menu-button:hover .al-icon{
    color: $blue-100;
  }
}
