/* สไตล์พื้นฐาน */
.btn-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .btn-container img {
    width: 100%;
    height: auto;
  }
  
  .btn-container .btn {
    position: absolute;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
  }
 
  
  .btn-container .btn:hover {
    background-color: rgb(158, 255, 163);
  }
  
  
  

    .text-overlay1 {
      position: absolute;
      top: 5%; /* ตำแหน่งในแนวตั้ง */
      right: 5%; /* ตำแหน่งในแนวนอน */
      
      color: black;
      font-size: 24px;
      font-weight: bold;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
      text-align: center;
    }
    .text-overlay2 {
      position: absolute;
      top: 5%; /* ตำแหน่งในแนวตั้ง */
      left: 5%; /* ตำแหน่งในแนวนอน */
      
      color: black;
      font-size: 24px;
      font-weight: bold;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
      text-align: center;
    }
    .text-countnum {
      position: absolute;
      top: 30%; /* ตำแหน่งในแนวตั้ง */
      left: 49%; /* ตำแหน่งในแนวนอน */
      
      color: white;
      font-size: 60px;
      font-weight: bold;
     
      text-align: center;
    }
    .text-countnum2 {
      position: absolute;
      top: 40%; /* ตำแหน่งในแนวตั้ง */
      left: 47%; /* ตำแหน่งในแนวนอน */
      
      color: white;
      font-size: 60px;
      font-weight: bold;
     
      text-align: center;
    }