.tag {
    display: flex;
    align-items: center;
    border-radius: 28px;
    color: var(--Pink-500);
    background: var(--Pink-100);
    box-shadow: var(--shadow-md);
}

.tag--sm {
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid var(--Pink-500)
}
.tag--md {
    padding: 4px 12px;
    border-radius: 20px;
    border: 2px solid var(--Pink-500)
}
.tag--lg {
    padding: 8px 16px;
    border-radius: 28px;
    border: 3px solid var(--Pink-500)
}