.tag {
    display: block;
    width: fit-content;
    padding: 2px var(--spacing-xxxs);
    font-weight: 400;
    font-size: var(--font-size-sm-caption);
    line-height: 16px;
    border-radius: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.tag.sold-out {
    color: var(--color-white);
    background-color: var(--color-md-gray-dimmed);
}

.tag.in-stock,
.tag.low-stock,
.tag.bespoke-only,
.tag.coming-soon,
.tag.accepting-orders,
.tag.preorder-almost-gone,
.tag.preorder,
.tag.limited-avaibility {
    color: var(--color-md-gray);
    background-color: var(--color-white);
}