.btn-lang {
    background: linear-gradient(135deg, #4CAF50, #2E7D32); /* สีเขียวไล่เฉด */
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 4px;
    /* margin: 10px; */
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  }

  .btn-lang :disabled{
    opacity: 0.3;
  }
  
  .btn-lang:hover {
    background: linear-gradient(135deg, #66BB6A, #388E3C);
    transform: translateY(-2px);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
  }
  
  .btn-lang:active {
    transform: translateY(2px);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  }
  
  /* ปรับสีแยกตามภาษา */
  .th-btn {
    background: linear-gradient(135deg, #FF5722, #E64A19); /* สีส้ม */
  }
  
  .th-btn:hover {
    background: linear-gradient(135deg, #FF7043, #D84315);
  }
  
  .en-btn {
    background: linear-gradient(135deg, #2196F3, #1565C0); /* สีน้ำเงิน */
  }
  
  .en-btn:hover {
    background: linear-gradient(135deg, #42A5F5, #0D47A1);
  }
  
  .hide{
    display: none;
  }

  .show{
    display: '';
  }