.toggle-buttons-spacer {
  margin-bottom: 10px;
}
.toggle-buttons {
  box-shadow: 0 0 25px $shadow-dark;
  .toggle-buttons-label {
    background-color: $primary-lighter;
    box-shadow: 0px 0px 2px 1px $shadow;
    i {
      color: $primary;
    }
    em {
      color: $text-light;
    }
  }

  background: $accent;
  .toggle {
    overflow: hidden;
  }
  button,
  .button {
    @include flat-button;
    background: transparent;
    color: $white;
    padding: 10px;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    margin: 0 5px 0 0;
    border: none;
  }
  input[type="button"].pick-file {
    background: $accent;
    color: $white;
  }
  button[disabled="disabled"],
  button.disabled {
    color: $disabled-color;
  }
  button:hover,
  .button:hover {
    color: $accent;
    background: white;
  }
  button[disabled="disabled"]:hover,
  button.disabled:hover {
    cursor: default;
    background: none;
    color: $disabled-color;
  }
  behaviour {
    @include cell;
  }
  .contextual-link {
    a {
      color: $white;
      font-size: 13px;
      line-height: normal;
    }
  }
  .toggle button + resource-right.cell.right-magnet {
    float: left !important;
  }
}