.nut1:link {
  
  
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  align-items: center;
  display: inline-block;
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
  
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.nut1:visited {
  
  
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  align-items: center;
  display: inline-block;
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
  
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.nut1:hover {
  background-color: #008CBA;
  color: white;
}

.nut1:active {
  background-color: #008CBA;
  color: white;
}



.btn {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center; /* Căn giữa chữ theo chiều ngang */
  vertical-align: middle; /* Căn giữa chữ theo chiều dọc */
  cursor: pointer;
  background-color: #118afb; /* Màu nền của nút */
  color: white; /* Màu chữ */
  border: rgb(39, 4, 237); /* Xóa đường viền mặc định */
  border-radius: 6px; /* Bo góc của nút */
  outline: none; /* Xóa đường viền khi nhấn vào nút */
  transition: background-color 0.3s; /* Hiệu ứng chuyển màu nền khi di chuột */
}

.btn:hover {
  background-color: #118afb; /* Màu nền khi di chuột */
}