.search-toggle-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    color: #BF0000;
    border-radius: .75rem;
  }

  .search-toggle-button:hover {
    color: #333;
    background-color: #ddd;
  }

  .search-toggle-button .button__text{
    border-bottom: 2px solid #fff;
  }

  .search-toggle-button:hover .button__text{
    border-bottom: 2px solid #333;
  }

  .search-panel {
    transition: all 0.3s ease;
    z-index: 999;
    overflow: hidden;           /* imprescindible */
    max-height: 0;              /* estat inicial tancat */
    transition: max-height 0.35s ease;
  }
  
  .search-panel.hidden {
    display: none;
  }