/* Basic Button Styling */
.filter-button {
    background-color: transparent; /* No background by default */
    color: #165C7D; /* Text color in non-clicked state */
    border: 1px solid transparent; /* No border initially */
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 50%; /* Rounded corners */
    cursor: pointer;
    transition: all 0.3s ease; /* Smooth transition for states */
  }
  
  /* Clicked State */
  .filter-button.clicked {
    background-color: #165C7D; /* Background color when clicked */
    color: white; /* Text color when clicked */
    border-radius: 50%; /* Keep the 50% border radius */
  }
  
  /* Hover State */
  .filter-button:hover {
    color: #165C7D; /* Text color on hover */
    border: 1px solid #165C7D; /* Border color on hover */
  }