.mlt-container{ 
display:flex; 
flex-direction:column; 
align-items:center; 
gap:10px; 
margin:20px; 
}



.mlt-button{ width:100%; max-width:300px; border-radius:4px; overflow:hidden; text-align:center; background: #204c60; margin-bottom: 20px !important;
 }

.mlt-button-img {
  width: 100% !important;
  padding-top: 56.25% !important;
  background-size: cover !important;
  background-position: center !important;
  display: block !important;
}

.mlt-button a{ 
display:block; 
padding:12px 20px; 
color:#fff; 
text-decoration:none; 
}

@media (min-width: 1024px) {
  .mlt-container {
    flex-direction: row;
    flex-wrap: wrap;         /* permette il wrap su più righe */
    justify-content: center; /* centra le righe orizzontalmente */
    gap: 20px;               /* magari aumenti lo spazio fra colonne */
  }