.controls{
	  /* Imposta il bordo superiore */
	  border-top: none; /* Rimuoviamo il bordo di default */
	  background-image: linear-gradient(to right, rgba(255,255,255,0.4) 2px, transparent 2px);
	  background-size: 4px 1px; /* (larghezza trattino + spazio) altezza */
	  background-repeat: repeat-x;
	  background-position: top;

	  /* Imposta il bordo inferiore */
	  border-bottom: none; /* Rimuoviamo il bordo di default */
	  /* Nota: non serve ripetere le proprietà background, ma lo facciamo
		 per chiarezza e per permettere stili diversi tra sopra e sotto se necessario */
	  background-image: 
		linear-gradient(to right, rgba(255,255,255,0.4) 2px, transparent 2px), /* Bordo superiore */
		linear-gradient(to right, rgba(255,255,255,0.4) 2px, transparent 2px); /* Bordo inferiore */
	  background-size: 
		4px 1px, /* Stile per il bordo superiore */
		4px 1px; /* Stile per il bordo inferiore */
	  background-repeat: repeat-x, repeat-x;
	  background-position: top, bottom;
	
	margin-top: 20px;
	margin-bottom: 20px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 110px;
}

@media (max-width: 400px) {
  .controls {
	justify-content: space-between;
	gap: 0px;
  }
}

.wntitleContainer{
	text-align: center;
}
h2.wntitle {
	display: inline-block;
	text-align: center;
	position: relative;
	font-size: 18px;
}
h2.wntitle svg{
	display: inline-block;
	position: absolute;
	left: calc(100% + 15px);
	top: 50%;
	transform: translateY(-50%);
}