footer a{text-decoration:none;}

.mail-icon {
  color: #23c8fa;  
  transition: all 0.3s ease;
}

.mail-icon:hover {
  color: #0aa6d6;
  transform: scale(1.1);
}

.social-icons {  
  gap: 20px;
}

.social-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 2px solid #23c8fa;
  color: #23c8fa;
  text-decoration: none;
  font-size: 18px;
  transition: all 0.3s ease;
  margin:0 10px 10px 0;
}

/* Square corners (slightly rounded like modern UI) */
.social-icon {
  border-radius: 6px;
}

/* Hover effect */
.social-icon:hover {
  background-color: #23c8fa;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(35, 200, 250, 0.3);
}

.btn-footer {
    font-size: 18px;
    background: #23c8fa;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    padding: 0.9rem 1.5rem;
    margin:0 40px 40px 0;
}

.btn-footer:hover{
  background-color: #23c8fa;
  transform: translateY(-3px);
  color: white;
  }