/* Initial styles for the unselected elements */
  .pretty-element label {
    text-decoration: none !important;
    border: 1px solid #7D7D7D;
    border-radius: 5px;
    color: #fff !important;
    background-color: #000;
    padding: 10px 20px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    font-size: 1em;
    font-family: 'Public Sans';
  }
  
  /* Styles for elements onHover state */
  .pretty-element label:hover {
    text-decoration: none !important;
    background-color: #ffffff;
    color: #000 !important;
    border: 1px solid #7D7D7D;
  }
  
  /* Styles for elements onChecked state */
  .pretty-element input:checked + label {
    color: #BE830E;
    background-color: #BE830E;
    border-color: #BE830E;
  }