/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 67:0 Unexpected "<"

**/
<style>
.tag-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px; /* Adjust spacing above the tag list */
  gap: 5px; /* Adjust the spacing between tags */
}

.badge.tag-badge {
  text-decoration: none;
}

.badge.tag-badge.hover-underline:hover {
  text-decoration: underline; /* Underline on hover */
}

.badge.tag-badge.hover-bold:hover {
  font-weight: bold; /* Bold text on hover */
}

.card_badge .tag-badge {
  margin-right: 5px;
}

.tag-buttons .tag-badge.active {
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
  border: 1px solid rgb(var(--color-background));
}
.image-container {
  position: relative;
  display: inline-block;
}

.image-container img {
  display: block;
  width: 100%;
  height: auto;
}

.tag-buttons {
  position: absolute;
  top: 10px; /* Adjust for vertical positioning */
  left: 10px; /* Adjust for horizontal positioning */
  z-index: 10;
}

.tag-badge {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 20px; /* Makes it a pill shape */
  background-color: var(--badge-background-color); /* Adjust with your badge background color */
  color: var(--badge-text-color); /* Adjust with your badge text color */
  font-size: 12px; /* Adjust as needed */
  text-decoration: none; /* Remove underline for links */
}

.tag-badge:hover {
  opacity: 0.8; /* Add hover effect */
}
</style>