.btn.action-button.tbc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: none;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0.3px;
  transition: all .2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn.action-button.tbc-btn--filter {
  background: #E8BE00;
  color: #fff;
}
.btn.action-button.tbc-btn--filter:hover {
  background: #C7A308;
  box-shadow: 0 4px 12px rgba(184, 162, 0, 0.2); 
  transform: translateY(-1px);
}
.btn.action-button.tbc-btn--filter:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(184, 162, 0, 0.2);
}
.btn.action-button.tbc-btn--filter:focus-visible {
  outline: 2px solid #C7A308;
  outline-offset: 2px;
}

/* Save/Registra (tutti i bottoni che salvano/registrano qualcosa) */ 
.btn.action-button.tbc-btn--save {background: #10B981;color: #fff;}
.btn.action-button.tbc-btn--save:hover {background: #059669;}

/* Elimina (tutti i bottoni che eliminano qualcosa) */ 
.btn.action-button.tbc-btn--delete {background: #EF4444;color: #fff;}
.btn.action-button.tbc-btn--delete:hover {background: #DC2626;}

/* Aggiorna (tutti i bottoni che aggiornano qualcosa) */ 
.btn.action-button.tbc-btn--update {background: #0284c7;color: #fff;}
.btn.action-button.tbc-btn--update:hover {background: #0369a1;}