input[type="checkbox"] {
    display: none;
  }

  /* Estilo base para os botões (labels) */
  label {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #bdbdbd;
    background-color: #EDF2F4;
    color: #7c7c7c;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 10px;
  }

  /* Efeito ao passar o mouse */
  label:hover {
    background-color: #ffffff;
  }

  /* Estilo quando o checkbox estiver marcado */
  input[type="checkbox"]:checked + label {
    background-color: #EF233C; /* Cor de fundo vermelha */
    color: #fff; /* Texto branco */
    border-color: #EF233C;
  }