.button{
    position: relative;
    display: inline-block;
    padding: 12px 24px;
    background:  #8a8a8a;   /* สีพื้นหลังปุ่ม */
    color: #36454F;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    transition: transform .3s ease, box-shadow .3s ease;
    text-decoration: none; /*ลบเส้นใต้*/
}
/* 👇 เมื่อเอาเมาส์ไปวาง */
.button:hover{
    background: #100C08;   /* เปลี่ยนสีพื้นหลัง */
    color: #fff;           /* เปลี่ยนสีตัวอักษร */
}