.contact-container {
  font-family: Arial, sans-serif;
  color: #333;
}

.contact-item {
  display: flex;
  align-items: center; /* Verticaal centreren */
  margin-bottom: 15px;
  font-size: 16px;
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #f0f0f0;
  color: #0056b3; /* Primary color */
  border-radius: 50%; /* Maakt het icoon rond */
  margin-right: 15px;
  font-size: 18px;
  transition: all 0.3s ease; /* Soepele overgang */
}

/* Hover effect */
.contact-item:hover .icon {
  background-color: #0056b3;
  color: #fff;
  transform: scale(1.1); /* Icoon wordt iets groter */
}}

/* Stijl voor alle contact icoon knoppen */
.contact-icon-button {
  padding: 20px;
  font-size: 25px;
  width: 30px; /* Breedte en hoogte gelijk voor rond */
  height: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%; /* Rond maken */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  transition: opacity 0.3s;
}

/* Hover effect */
.contact-icon-button:hover {
  opacity: 0.7;
}

/* Specifieke kleuren per kanaal */
.fa-facebook { background: #3B5998; color: white; }
.fa-twitter { background: #55ACEE; color: white; }
.fa-envelope { background: #dd4b39; color: white; }