.eyebrow-tag-container {
    display: inline-flex;
}

.eyebrow-tag-wrapper {
    display: inline-flex;
    align-items: center;
    border-radius: 40px;
    border: 1px solid rgba(255,141,7,0.32);
    background-color: rgba(255,141,7,0.14);
    gap: 8px;
    padding: 7px 14px;
}

.eyebrow-tag-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--dot-color, #FF8D07);
    animation: eyebrowTagPulse 2s infinite;
    flex-shrink: 0;
}

@keyframes eyebrowTagPulse {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--dot-color, #FF8D07) 70%, transparent);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(255, 141, 7, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 141, 7, 0);
    }
}
