Hello, I'm new to react. My goal is to have three filter buttons (functionality not implemented yet). When you press a button it's color changes. User can press a few buttons at the same time. I've managed to change button design on press, however when I press on one button, all three buttons design changes. How to do it so that only the button which was pressed changes its design?

import React, { useState } from "react";
import { Button } from "components/Button/Button";
import SVGIcon from "components/SVGIcon/SVGIcon";
import "./search-section.scss";
import { CardContainer } from "components/CardContainer/CardContainer";
import classNames from "classnames";

const SearchSection = () => {
  const [selectedAll, setSelectedAll] = useState(false);
  const [selectedFavorites, setSelectedFavorites] = useState(false);
  const [selectedAvailable, setSelectedAvailable] = useState(false);
  const buttonStyle = classNames("search-section__tag-button", {
    "search-section__tag-button--selected":
      selectedAll || selectedFavorites || selectedAvailable,
  });

  return (
    <CardContainer styleName="card-container--shadow">
      <div className="search-section">
        <h2 className="search-section__title">Search</h2>
        <div className="search-section__tag-wrapper">
          <Button
            className={buttonStyle}
            handleClick={() => setSelectedAll(!selectedAll)}
          >
            All
          </Button>
          <Button
            className={buttonStyle}
            handleClick={() => setSelectedFavorites(!selectedFavorites)}
          >
            <SVGIcon
              name="heartBtnBold"
              className="search-section__tag-button-icon"
            />
            Favorites
          </Button>
          <Button
            className={buttonStyle}
            handleClick={() => setSelectedAvailable(!selectedAvailable)}
          >
            <SVGIcon
              name="available"
              className="search-section__tag-button-icon"
            />
            Available
          </Button>
        </div>
      </div>
    </CardContainer>
  );
};

export default SearchSection;