.icon-container {
position: relative;
display: inline-block;
}
.icon-container i {
font-size: 24px; /* Ukuran ikon chart */
color: #333; /* Warna ikon chart */
}
.notification-badge {
position: absolute;
top: -10px; /* Posisi badge di atas ikon */
right: -10px; /* Posisi badge di sebelah kanan ikon */
width: 24px; /* Ukuran badge */
height: 24px; /* Ukuran badge */
background-color: #fff; /* Warna latar belakang badge */
color: #d32f2f; /* Warna angka di dalam badge */
border-radius: 50%; /* Membuat badge menjadi lingkaran */
display: flex;
align-items: center;
justify-content: center;
font-size: 14px; /* Ukuran font angka */
font-weight: bold;
border: 2px solid #d32f2f; /* Border lingkaran */
}
Shopping Cart