.btn-round {
  border-radius: 100% !important;
}

@mixin btn-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn-edit::before {
  @include btn-icon;
  content: "\f304  ";
}

.btn-expand::before {
  @include btn-icon;
  content: "\f065  ";
}

.btn-compress::before {
  @include btn-icon;
  content: "\f066  ";
}

.btn-permalink::before {
  @include btn-icon;
  content: "\f0c1  ";
}

.btn-clipboard::before {
  @include btn-icon;
  content: "\f0c5  ";
}

.btn-caret::after {
  @include btn-icon;
  content: "\f107";
}

.collapsed.btn-caret::after {
  content: "\f105";
}

.btn-quote::before {
  @include btn-icon;
  content: "\f10e  ";
}

.btn-create::before {
  @include btn-icon;
  content: "\f055  ";
}

.btn-history::before {
  @include btn-icon;
  content: "\f1da  ";
}

.btn-email::before {
  @include btn-icon;
  content: "\f0e0  ";
}

.btn-refresh::before {
  @include btn-icon;
  content: "\f2f1";
}

.btn-users::before {
  @include btn-icon;
  content: "\f0c0  ";
}

.btn-menu::before {
  @include btn-icon;
  content: "\f141";
}

.btn-download::before {
  @include btn-icon;
  content: "\f019";
}

.btn-settings::before {
  @include btn-icon;
  content: "\f013  ";
}

.btn-share::before {
  @include btn-icon;
  content: "\f14d  ";
}

.btn-send::before {
  @include btn-icon;
  content: "\f1d8  ";
}

.btn-cancel::before {
  @include btn-icon;
  content: "\f00d";
}

.btn-join::before {
  @include btn-icon;
  content: "\f2f6";
}

.btn-leave::before {
  @include btn-icon;
  content: "\f2f5";
}

.btn-notifications{

  &::before {
    @include btn-icon;
    content: "\f0f3  ";
  }

  & .notification-badge {
    font-size: small !important;
  }
}

.btn-search::before {
  @include btn-icon;
  content: "\f002";
}

.btn-details::before {
  @include btn-icon;
  content: "\f0a9  ";
}

.btn-external::before {
  @include btn-icon;
  content: "\f35d  ";
}

.btn-internal::before {
  @include btn-icon;
  content: "\f023  ";
}

.btn-delete::before {
  @include btn-icon;
  content: "\f2ed  ";
}

.btn-locked::before {
  @include btn-icon;
  content: "\f023  ";
}

.btn-unlocked::before {
  @include btn-icon;
  content: "\f3c1  ";
}

.btn-filter::before {
  @include btn-icon;
  content: "\f0b0  ";
}

.btn-follow::before {
  @include btn-icon;
  content: "\f06e";
}

.btn-unfollow::before {
  @include btn-icon;
  content: "\f070";
}

.channel-item.unread::before {
  @include btn-icon;
  content: "\f4ad  ";
}
