.custom-animation-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid rgba(225, 175, 74, 0.4);
    border-radius: 9999px;
    padding: 0.375rem 1rem;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: oklch(72% 0.09 75);
    background-color: transparent;
    line-height: 1;

    /* Custom variables injected by Elementor responsive controls */
    --dot-size: 6px;
    --ripple-distance: 16px;
}

.tag-pulse-dot {
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: 50%;
    background-color: oklch(72% 0.09 75);
    display: inline-block;
    position: relative;
    animation: pulse-gold 2.5s ease-in-out infinite;
}

@keyframes pulse-gold {
    0%, 100% {
        box-shadow: rgba(225, 175, 74, 0.5) 0px 0px 0px 0px;
    }
    50% {
        box-shadow: rgba(225, 175, 74, 0) 0px 0px 0px var(--ripple-distance);
    }
}