ve default outline as we're styling the parent */
    }
    
    button:focus {
      outline: 2px solid #4d90fe;
      outline-offset: 2px;
    }
    
    input[type="text"]:focus {
      outline: 2px solid #4d90fe;
      border-color: #4d90fe;
    }

    @media (max-width: 600px) {
      .filter-badges {
        flex-direction: column;
        align-items: flex-start;
      }
      
      .filter-badge {
        width: 100%;
        justify-content: space-between; /* Ensure space distribution */
      }
 