:host {
    // Palette di colori
    --telenia-1: #aacfdd;
    --telenia-2: #3a8eb1;
    --telenia-3: #2a445c;
    --telenia-4: #94c1d5;
    --button-color: var(--telenia-2);
    --button-hover-color: var(--telenia-3);
    --text-color: white;
  }
  
  button[mat-flat-button] {
    width: 15%;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 400;
    padding: 12px 0;
    background-color: var(--button-color);
    color: var(--text-color);
    transition: background-color 0.3s ease-in-out;
  }
  
  button[mat-flat-button]:hover {
    background-color: var(--button-hover-color);
  }