bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/screenshare/switch-button/styles.scss

@import '/imports/ui/stylesheets/variables/_all';

.wrapper {
  position: absolute;
  right: 0;
  left: auto;
  background-color: var(--color-transparent);
  cursor: pointer;
  border: 0;
  z-index: 2;

  [dir="rtl"] & {
    right: auto;
    left: 1.75rem;
  }
}

.button {
  &,
  &:active,
  &:hover,
  &:focus {
    background-color: var(--color-transparent) !important;
    border: none !important;

    i {
      border: none !important;
      background-color: var(--color-transparent) !important;
    }
  }
}

.light {
  background-color: var(--color-transparent);
}

.light .button i {
  color: var(--color-black);
}

.dark {
  background-color: rgba(0,0,0,.3);
}

.dark .button i {
  color: var(--color-white);
}

.top{
  top: 0;
}

.bottom{
  bottom: 0;
}

.switchButton {
  padding: 5px;

  &:hover {
    border: 0;
  }

  i {
    font-size: 1rem;
  }
}