/*
fieldset {
  border: 0;
  background: #222;
  border-radius: 1px;
  padding: 1em 1.5em 0.9em;
  margin: 1em auto;
}*/
.star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.star-cb-group * {
  font-size: 1rem;
}
.star-cb-group > input {
  display: none;
}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  font-size:40px;
}
.star-cb-group > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "◎";
  color: #fff;
}
.star-cb-group > input:checked ~ label:before{
  content: "◉";
  color: #0ce61d;
  text-shadow: 0 0 1px #333;
}
 




/* ____________________________________________*/



.star-cb {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.star-cb  * {
  font-size: 1rem;
}
.star-cb  > input {
  display: none;
}
.star-cb > input + label {
  /* only enough room for the star */
  display: inline-block;
 /* overflow: hidden;*/
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  font-size:30px;
}
.star-cb > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "◎";
  color: #000;
}
.star-cb > input:checked ~ label:before{
 content: "◉";
  color: #0ce61d;
  text-shadow: 0 0 1px #333;
}