/* Botões SVG compartilhados */

  #toggle-compact {
    width: 25px;
    height: 25px;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 20px;
    margin-left: 10px;
    vertical-align: -4px;
  }

  #toggle-compact svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: #fff;
    transition: stroke 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
  #shareButton {
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 20px;
    margin-left: 10px;
    vertical-align: -4px;
  }
  #shareButton svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #fff;
    transition: stroke 0.3s ease-in-out, transform 0.3s ease-in-out;
  }

  #shareButton:hover svg,
  #toggle-compact:hover svg {
    transform: scale(1.1);
    stroke: var(--btn-hover);
  }