@charset "utf-8";
/* CSS Document */

/* กำหนดสีพื้นหลัง สีตัวอักษร และเส้นขอบ */

/* 1.แบบเป็นขอบ */
.btn-custom1 {
    background-color: #fff; /* สีขาว */
    color: #00008B; /* สีน้ำเงินเข้ม */
    border-color: #00008B;
}

/* กำหนดสีเมื่อมีการโฮเวอร์ */
.btn-custom1:hover {
    background-color: #00008B; /* สีน้ำเงินเข้ม */
    color: #fff;
}

/* 2.แบบเป็นทึบ */
.btn-custom2 {
    background-color: #F13596; /* สีน้ำชมพู1 */
    color: #fff; /* สีขาว */
    border-color: #F13596;
}

/* กำหนดสีเมื่อมีการโฮเวอร์ */
.btn-custom2:hover {
    background-color: #F13596; /* สีน้ำชมพู1 */
    color: #fff;
}

/* 3.แบบเป็นทึบ */
.btn-custom3 {
    background-color: #F97AB6; /* สีน้ำชมพู2 */
    color: #fff; /* สีขาว */
    border-color: #F97AB6;
}

/* กำหนดสีเมื่อมีการโฮเวอร์ */
.btn-custom3:hover {
    background-color: #F97AB6; /* สีน้ำชมพู2 */
    color: #fff;
}