.lncu-countdown-timer {
    display: inline-flex;
    position: relative;
    height: 2.2rem;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0.2rem 0.8rem 0.2rem 2rem;
    border: none;
    border-radius: 2rem;
    color: var(--bricks-color-gray-200);
    white-space:nowrap;
    text-decoration: none;
    align-items: center;
    text-decoration: none;
    background-color: var(--bricks-color-gray-600);
    z-index: 1;
    transition: filter 0.3s ease;
}

.lncu-countdown-timer:hover {
    filter: brightness(0.85);
}

.lncu-countdown-timer > svg{
    position: absolute;
    z-index: 0;
    height: 1.7rem;
    left: 0.2rem;
}

.lncu-countdown-timer.start {
    background-color: var(--bricks-color-green-600);
    color: var(--bricks-color-green-100);
}

.lncu-countdown-timer.paused {
    background-color: var(--bricks-color-akzent-600);
    color: var(--bricks-color-akzent-100);
}

.lncu-countdown-timer.stop {
    background-color: var(--bricks-color-red-600);
    color: var(--bricks-color-red-100);
}