.settings-btn {
  margin-top: 0px;
  width: 100%;
  width: fit-content;
  background: var(--panel);
  color: var(--text);
  border: 1px solid var(--border);
  padding: 4px 8px;
  border-radius: var(--radius);
  cursor: pointer;
  font-family: var(--brand-font);
  font-size: 0.8rem;
  transition: 0.15s ease;
}

.settings-btn:hover {
  background: var(--panel);       
  color: var(--text);             
  border-color: var(--accent);    
}

.settings-btn svg {
  width: 20px;      /* Ajusta el ancho */
  height: 20px;     /* Ajusta el alto */
  stroke-width: 2;  /* Opcional: define el grosor de la línea del icono */
  display: inline-block;
  vertical-align: middle;
}