/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 10 2026 | 08:09:33 */
/* 1. จัดการโครงสร้างปุ่มทั้งสอง (ล้างค่า Astra ทิ้ง) */
.elementor-swiper-button.elementor-swiper-button-prev,
.elementor-swiper-button.elementor-swiper-button-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    /* บังคับ กว้าง x สูง ให้เท่ากันเป๊ะเพื่อความเป็นวงกลม */
    width: 45px !important; 
    height: 45px !important;
    min-width: 0 !important; /* ล้างค่าพื้นฐานของ Astra */
   
}

/* 2. แยกตำแหน่ง ซ้าย-ขวา (ห้ามใส่คำว่า ,button เด็ดขาด) */
.elementor-swiper-button.elementor-swiper-button-prev {
    left: 10px !important; 
}

.elementor-swiper-button.elementor-swiper-button-next {
    right: 10px !important; 
}

/* 3. จัดการลูกศรข้างใน */
.elementor-swiper-button i {
    font-size: 18px !important;
    color: #ffffff !important;
}

/* 4. Hover Effect */
.elementor-swiper-button:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

btton{
	    /* ล้าง Padding ของ Astra ที่ทำให้เป็นวงรี */
    padding: 0 !important;
    
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 10% !important; /* วงกลมสมบูรณ์ */
    border: none !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    z-index: 100 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}