.product-categories-wrapper {
    width: 100%; /* Ensure the wrapper takes full width */
    overflow: auto; /* Enable scrolling if needed */
}

.product-categories {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0; /* Remove default margin */
}

.product-categories li {
    margin: 0; /* Remove default margin */
}

.product-categories .btn {
    background-color: black;
    color: white;
    border-radius: 2px; /* Update radius to 2px */
    padding: 8px 15px; /* Adjust padding to move text up 1px */
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    display: inline-block; /* Ensure buttons are inline-block */
    text-align: center; /* Center the text */
}

.product-categories .btn:hover,
.product-categories .btn:focus,
.product-categories .btn:active {
    background-color: white;
    color: black;
    border: 1px solid black;
}

.btn-category, .btn-subcategory, .btn-brand {
    display: inline-block; /* Ensure buttons are inline-block */
}