.marks-highlighted, .author-marks-help {
  padding: 0 0.2rem;
  background-color: #fcf4dd !important;
  border-radius: 0.4rem;
  border: 0.1rem solid #e1b509; }

.toggle-marks-highlight {
  display: none;
  font-size: 0.8rem;
  color: inherit !important;
  background: none;
  text-decoration: none; }
  @media only screen and (min-width: 480px) {
    .toggle-marks-highlight {
      font-size: inherit; }
      .toggle-marks-highlight:before {
        content: "\2756\00a0";
        color: inherit; } }

.toggle-marks-highlight.marks-highlighted {
  color: #000 !important; }

header .toggle-marks-highlight {
  margin-left: 1rem; }

.author-marks-help {
  display: none;
  color: #000 !important;
  text-decoration: none;
  padding: 0 0.5rem;
  border-radius: 1rem; }

@media only screen and (min-width: 480px) {
  .marks-highlighted ~ .author-marks-help {
    display: inline; } }