.lncu-like-button {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.5rem;
    align-items: center;
    outline: none;
    background-color: transparent;
    width: fit-content;
    color: var(--bricks-color-akzent-100);
    line-height: 1;
}

.lncu-like-button-icon {
    height: 1.9rem;
    padding: 0 0.1rem 0 0;
    stroke: var(--bricks-color-akzent-100);
    stroke-width: 0.35; /*Kann von Settings überschrieben werden*/
    fill: transparent;
}

.lncu-like-button-icon.liked {
    fill: var(--bricks-color-akzent-100);
}

.lncu-like-button.animate .lncu-like-button-icon {
    animation: LncuLikeButtonAnimation 0.4s linear forwards;
}

.lncu-like-button-counter {
    font-size: 1.6rem;
    transition: opacity 0.2s ease;
}

/* Solange das JS die echte Zahl noch nicht eingetragen hat, ist der Counter leer.
   Leer = unsichtbar; sobald die (frische) Zahl hineingeschrieben wird, blendet sie sanft ein.
   So wird nie eine veraltete, gecachte Zahl gezeigt und nichts sichtbar „korrigiert". */
.lncu-like-button-counter:empty {
    opacity: 0;
}

@keyframes LncuLikeButtonAnimation {
    0% {
        transform: scale(1);
    }

    50% {
         transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}