CartoDB/cartodb20

// Privacy toggler
// --------------------------------------------------

// TODO: remove editor
$cStructure-softLine: rgba(#000, 0.06);
$cHighlight-positive: rgba(#00B303, 1);
$cHighlight-negative: rgba(#F15743, 1);

.PrivacyToggler {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 0 10px;
  border: 1px solid $cStructure-softLine;
  border-radius: 100%;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;

  &:hover {
    text-decoration: none;
  }
}

.PrivacyToggler .CDB-IconFont {
  line-height: 20px;
}

.PrivacyToggler--PUBLIC,
.PrivacyToggler--PUBLIC:hover {
  border-color: $cHighlight-positive;
  color: $cHighlight-positive;
}

.PrivacyToggler--PRIVATE,
.PrivacyToggler--PRIVATE:hover {
  border-color: $cHighlight-negative;
  color: $cHighlight-negative;
}

.PrivacyToggler.is-disabled {
  opacity: 0.5;
}