/* Style the dropdown container */
.dropdown-container {
    display: inline-block;
    margin: 0 10px;
  }
  
  /* Style the dropdown as a button */
  .styled-dropdown {
    background-color: transparent; /* Button color */
    color: var(--primary);
    border: solid 1px var(--primary);
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 1.0rem;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  
  /* Add some padding for options */
  .styled-dropdown option {
    padding: 10px;
  }
  
  /* Add hover effect */
  .styled-dropdown:hover {
    background-color: var(--primary);
    color: var(--white);
  }
  
  /* Ensure dropdown arrow is visible */
  .styled-dropdown::after {
    content: '\\25BC'; /* Down arrow */
    position: absolute;
    right: 10px;
    pointer-events: none;
  }