.stbg-filtros-graduacao {
  display: flex;

  flex-wrap: wrap;
  gap: 15px;

  justify-content: center;

  margin-bottom: 50px;
}

.stbg-filtro-graduacao {
  padding: 12px 24px;

  border: 1px solid #d9d9d9;
  border-radius: 50px;

  background-color: #ffffff;
  color: #1f2937;

  font-size: 15px;
  font-weight: 600;

  cursor: pointer;

  transition: 0.3s ease;
}

.stbg-filtro-graduacao:hover {
  background-color: #7f1616;
  border-color: #7f1616;
  color: #ffffff;
}

.stbg-filtro-graduacao.ativo {
  background-color: #7f1616;
  border-color: #7f1616;
  color: #ffffff;
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {
  .stbg-filtros-graduacao {
    gap: 10px;
  }

  .stbg-filtro-graduacao {
    padding: 10px 18px;
    font-size: 14px;
  }
}