<style>
  /* Container bao quanh để giữ 3 nút nằm ngang */
  .custom-button-wrapper {
    display: flex;
    align-items: center; /* Căn giữa theo chiều dọc */
    gap: 15px; /* Khoảng cách giữa các nút */
    width: fit-content;
  }

  /* Style cho nút CONTACT (Nút dài màu xanh) */
  .btn-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0024BD; /* Màu xanh dương đậm chuẩn như ảnh */
    color: #ffffff;
    height: 60px; /* Chiều cao bằng với icon */
    border-radius: 30px; /* Bo tròn tuyệt đối (1 nửa chiều cao) */
    padding: 0 80px; /* Padding rộng để tạo tỉ lệ dài như ảnh */
    font-family: Arial, sans-serif; /* Hoặc font thương hiệu của bạn */
    font-weight: bold;
    font-size: 18px;
    text-decoration: none; /* Bỏ gạch chân */
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.3s ease;
  }

  .btn-contact:hover {
    background-color: #001a8f; /* Màu đậm hơn khi di chuột vào */
  }

  /* Style chung cho 2 nút icon */
  .btn-icon {
    display: block;
    width: 60px;
    height: 60px;
    text-decoration: none;
    border: none;
    padding: 0;
    transition: opacity 0.3s ease;
  }

  .btn-icon:hover {
    opacity: 0.8; /* Hiệu ứng mờ nhẹ khi di chuột vào icon */
  }
</style>