/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.instagram-link {
  /* Mengaktifkan flexbox */
  display: inline-flex;
  align-items: center;
  
  /* Memberikan jarak antara ikon dan teks */
  gap: 12px; 
  
  /* Menghilangkan garis bawah bawaan link */
  text-decoration: none; 
  
  /* Warna teks awal (sesuaikan dengan desainmu, misal putih) */
  color: #ffffff; 
  font-family: sans-serif;
  font-weight: 500;
  font-size: 16px;
  
  /* Efek transisi halus saat di-hover */
  transition: opacity 0.2s ease;
}

.instagram-icon {
  /* Mengatur ukuran ikon agar proporsional */
  width: 32px;
  height: 32px;
  object-fit: contain;
}

/* Efek interaktif saat kursor diarahkan ke tombol */
.instagram-link:hover {
  opacity: 0.8; /* Memberikan efek sedikit transparan saat di-hover */
}