.side-tab-board-button {
  display: flex;
  align-items: center;

  min-height: 48px;
  max-height: 48px;

  padding: 0 8px;

  font-size: 14px;
  color: #27282E;

  transition: background-color .4s;

  cursor: pointer;

  &:hover, &.is-active {
    background-color: #ECF9FA;
  }

  &-text {
    transform-origin: left;

    &-enter-active, &-leave-active {
      transition: transform linear .4s, opacity .4s;
    }

    &-enter-from, &-leave-to {
      opacity: 0;
      transform: scale(50%);
    }
  }
}