/* Centering styles for sorting buttons */
  .sorting-buttons {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    margin-top: 10px; /* Optional margin */
  }

  /* Centering styles for filter buttons */
  .filter-buttons {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    margin-top: 10px; /* Optional margin */
    margin-bottom: 10px;
  }

  /* Regular button styles for larger screens */
  .filter-button {
    padding: 10px 50px;
    margin: 5px;
    background-color: #5647af;
    color: #fff;
    border-style: outset;
    border-color: orange;
    border-radius: 1px;
    cursor: pointer;
  }

  /* Adjust button size for smaller screens using media query */
  @media screen and (max-width: 768px) {
    .filter-button {
      padding: 10px 20px; /* Adjust the button size for smaller screens */
    }
  }

  .filter-button.active {
    background-color: #302762;
  }