/* tombol ikon bergaya iOS */
.icon-btn {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  color: #fff;
  font-size: 16px !important; /* lebih kecil dari sebelumnya */
  padding: 0; /* Hilangkan ruang kotak */
  margin: 0;

  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: color 0.2s ease, filter 0.2s ease;
}

/* Ikon di dalam tombol */
.icon-btn i {
    font-size: 18px !important;
}

/* Hover efek minimal */
.icon-btn:hover i {
    opacity: 0.8;
}

/* Hilangkan efek kotak saat hover */
.icon-btn:hover {
  color: #f5f5f5;
  filter: brightness(1.3);
  background: transparent !important;
  box-shadow: none !important;
}

/* Hilangkan fokus kotak di browser */
.icon-btn:focus,
.icon-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Hilangkan efek tap highlight di mobile */
.icon-btn {
  -webkit-tap-highlight-color: transparent;
}

/* Responsive Adjustment for Mobile Devices */
@media (max-width: 576px) {
  .icon-btn {
    font-size: 14px !important;  /* Menyesuaikan ukuran ikon pada perangkat kecil */
  }

  .icon-btn i {
    font-size: 16px !important;  /* Menyesuaikan ukuran ikon */
  }
}