.button-label {
  display: inline-block;
  padding: 8px  25px;
  margin: 0 10px;
  cursor: pointer;
  color: #FFF;
  border-radius:25px;
  background: #ccc;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-label h1 {
  font-size:18px;
  font-family: "Lato", sans-serif;
  color:#FFF;
}
.button-label:hover {
  background: #ef4f54;
  color: #FFF;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
}
.button-label:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
}
@media (max-width: 40em) {
  .button-label {
    padding: 0em 1em 3px;
    margin: 0.25em;
  }
}

.radio-label:checked + .button-label {
  background: #ec1d25;
  color: #efefef;
}
.radio-label:checked + .button-label:hover {
  background: #ec1d25;
  color: #e2e2e2;
}

#no-button:checked + .button-label {
  background: #ec1d25;
  color: #efefef;
}
#no-button:checked + .button-label:hover {
  background: #ec1d25;
  color: #e2e2e2;
}

.hidden { display: none; }