talk/plugins/talk-plugin-viewing-options/client/components/ViewingOptions.css

.root {
}

.button {
  composes: buttonReset from "coral-framework/styles/reset.css";
}

.button:hover {
  cursor: pointer;
}

.arrowIcon {
  font-size: 14px;
  vertical-align: middle;
}


@custom-media --small-viewport (max-width: 425px);

.label {
  display: inline-block;
}

.icon {
  vertical-align: middle;
  display: none;
}

@media (--small-viewport) {
  .label {
    display: none;
  }
  .icon {
    display: inline-block;
  }
}