.bd-collection-card {
	box-shadow: var(--box-shadow);
	overflow: hidden;
	border-radius: var(--border-radius);
    height: 100%;
    display: flex;
  flex-flow: column;
.image {
	width: 100%;
    aspect-ratio:5/3;
    overflow: hidden;
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
} 

& .collection-name {
	font-size: var(--h5);
	border-bottom: 1px solid;
	display: flex;
	justify-content: space-between;
	align-items: center;
.icon-container {
	background: linear-gradient(to top, hsl(var(--purple)), hsl(var(--purple-light2)));
	border-radius: 100%;
	padding: 2px;
}
  img {
    opacity: 0;
   }
}
.content-area {
	padding: var(--grid-gutter-05);
    flex-grow: 1;
	display: flex;
	flex-flow: column;
}
.sub-collections {
	display: flex;
	list-style: none;
	margin: var(--grid-gutter-05) 0;
	padding: 0;
	flex-flow: wrap;
	gap: var(--grid-gutter-025);
	font-size: var(--fine-print);
  .tag {
    padding: 0.25em;
    background-color: hsl(var(--purple-light1));
    border-radius: 4em;
    color: hsl(var(--white));
 &:hover, 
     &:focus-visible {
          background-color: hsl(var(--purple-light2));
     }
  }
}
.shop-all {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-top: auto;

  .icon {
    transition: transform 0.35s cubic-bezier(0.25, 0.6, 0.3, 1);
  }

  &:hover,
  &:focus-visible {
    .icon {
      transform: translateX(4px);
    }
  }
}
}