.smiley-list .smiley-item label {
  position: relative;
  display: block;
  border: 1px solid #DBDBDB;
  border-right: 0 none;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent 0 0 no-repeat;
  font-size: 0;
}
 
.smiley-list .smiley-item-5 label {
  border-right:  1px solid #DBDBDB;
}
 
.smiley-list .smiley-item input[type="radio"]:checked + label {
  background: #ECF0F1;
}
 
.smiley-list .smiley-item label::before {
    position: relative;
    left: auto;
  top: auto;
    display: block;
    width: auto;
    height: auto;
    margin: 5px;
    padding: 0;
    border: 0 none;
    border-radius: 0;
  background: transparent none;
  background-size: cover;
  opacity: 0.5;
    filter: alpha(opacity=50);
  text-align: center; 
  font-size: 48px;
}
 
 
@media only screen and (max-width: 480px) {
  .smiley-list .smiley-item label::before {
    font-size: 36px;
  }
}
 
.smiley-list .smiley-item-1 label::before { content:"\1F622"; }
.smiley-list .smiley-item-2 label::before { content:"\1F641"; }
.smiley-list .smiley-item-3 label::before { content:"\1F610"; }
.smiley-list .smiley-item-4 label::before { content:"\1F642"; }
.smiley-list .smiley-item-5 label::before { content:"\1F600"; }