.bth1 {
    background-image: linear-gradient(to right, #fff, #3498db, rgb(255, 255, 255)); /* เริ่มต้นด้วยสีขาวและเปลี่ยนเป็นสีฟ้า */
    color: #fd0ac0; /* สีของตัวอักษร */
    font-size: 18px;
    padding: 10px 20px; /* ขนาดของปุ่ม */
    border: 1px solid #3498db; /* เส้นขอบสีฟ้า */
    box-shadow: 6px 6px 6px #777;
    border-radius: 5px; /* ขอบมน */
    text-align: center; /* จัดข้อความกึ่งกลาง */
    text-decoration: none; /* ไม่มีการขีดเส้นใต้ข้อความ */
    cursor: pointer; /* mouse*/
    display: inline-block;
    background-size: 200% 100%;
    animation: gradient-animation 3s linear infinite; /* เรียกใช้ animation เป็นคำสั่งไลน์ */

    transition: transform 0.3s ease; /* เพื่อให้มีการเปลี่ยนขนาดอย่างนุ่มนวล */
}

.bth1:hover {
  transform: scale(1.05); /* ขยายขนาดของปุ่มเล็กน้อย */
}
  
  @keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    100% {
     background-position: 200% 50%;
    }
  }