     
      .filter-badge-value {
        flex-grow: 1; /* Allow value to grow */
      }
      
      .filter-badge-remove {
        margin-left: auto; /* Always push to end */
      }
    }
  </style>
</head>
<body>
<h1>Keyboard accessible filter prototype</h1>
  <div class="filters-container">
    <div class="filter-badges" id="filterBadges">
      <!-- Filter badges will be generated here -->
    </div>
    
    <div class="add-filter-badge" id="addFilterBadge" tabindex="0" role="button" aria-label="Add