@media (min-width: 576px) {
  .base-btn-group {
    grid-template-columns: 1fr 1fr; /* Tablet ke atas: 2 kolom */
    gap: 0.5rem;
  }
}

@media (min-width: 992px) {
  .base-btn-group {
    grid-template-columns: 1fr 1fr; /* Laptop ke atas tetap 2 kolom */
  }
}


.ol-control.custom-toggle {
  top: 70px;     /* posisinya, bisa disesuaikan */
  left: .5em;
}
.ol-control.custom-toggle .btn {
  padding: 4px 8px;
  font-size: 12px;
}

						/* Tombol tema Navy */
				.base-btn {
					border-radius: 10px;
					font-weight: 500;
					transition: all 0.25s ease-in-out;
					background-color: #001f54; /* navy gelap elegan */	
					background: linear-gradient(135deg, #003566, #00b4d8); /* gradasi navy ke biru aqua */
					color: #ffffff;
					border: 1px solid #003566;
					box-shadow: 0 2px 6px rgba(0,0,0,0.08);
				}

				/* Hover */
				.base-btn:hover {
					transform: translateY(-2px);
					box-shadow: 0 4px 12px rgba(0,0,0,0.2);
					background-color: #003566; /* navy lebih terang saat hover */
						background: linear-gradient(135deg, #003566, #00b4d8); /* gradasi navy ke biru aqua */
					border-color: #00b4d8;
					color: #ffffff;
				}

				/* Aktif */
				.base-btn.active {
					background: linear-gradient(135deg, #003566, #00b4d8); /* gradasi navy ke biru aqua */
					color: #fff !important;
					border-color: #00b4d8;
					box-shadow: 0 4px 14px rgba(0,180,216,0.5);
					outline: 11px auto rgba(0,180,216,0.5);

				}

				/* Ikon */
				.base-btn img {
					border-radius: 4px;
					box-shadow: 0 1px 2px rgba(0,0,0,0.1);
				}