[Dúvida] Fundo azul de "Categorias"

Olá Lucas, tudo bem ? Acredito que isso que esteja buscando:

<style>
    .menu {
      display: flex;
      gap: 10px;
    }

    .item {
      padding: 10px 20px;
      background: lightgray;
      border-radius: 5px;
      cursor: pointer;
      transition: 0.2s;
    }

    /* Muda cor quando passa o mouse */
    .item:hover {
      background: gray;
      color: white;
    }

    /* Muda cor quando clica (fica focado) */
    .item:focus {
      background: steelblue;
      color: white;
      outline: none;
    }
  </style>

<div class="menu">
    <button class="item">Home</button>
    <button class="item">Sobre</button>
    <button class="item">Contato</button>
 </div>

Caso queira saber mais pesquise por pseudo classes (Pseudo-class)

Espero ter ajudado.