.bzm-impuls {
    --bzm-accent: #23565e;
    --bzm-yes: #23565e;
    --bzm-no: #70466d;
}

.bzm-impuls [hidden] {
    display: none !important;
}

.bzm-impuls .bzm-impuls__question {
    font-size: 1.2em;
    font-weight: 700;
    margin-block: 0.75em;
}

.bzm-impuls .bzm-impuls__choices,
.bzm-impuls .bzm-impuls__stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.bzm-impuls button[data-action] {
    font: inherit;
    line-height: 1.3;
    min-height: 44px;
    padding: 0.55em 1em;
    border: 1px solid var(--bzm-accent);
    border-radius: 0.35em;
    background: var(--bzm-accent);
    color: #fff;
    cursor: pointer;
}

.bzm-impuls button[data-action="yes"],
.bzm-impuls button[data-action="no"] {
    min-width: 6em;
}

.bzm-impuls button[data-action="other"],
.bzm-impuls button[data-action="retry"] {
    background: transparent;
    color: var(--bzm-accent);
}

.bzm-impuls button[data-action]:disabled {
    opacity: 0.65;
    cursor: default;
}

.bzm-impuls button[data-action]:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    box-shadow: 0 0 0 2px var(--bzm-accent);
}

.bzm-impuls [data-part="answer"] {
    scroll-margin-top: 5rem;
}

.bzm-impuls .bzm-impuls__results,
.bzm-impuls .bzm-impuls__other {
    margin-block: 1.25em;
}

.bzm-impuls .bzm-impuls__stats p {
    margin: 0.25em 0;
}

.bzm-impuls .bzm-impuls__pie {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    background: conic-gradient(var(--bzm-yes) 0 var(--bzm-yes-share), var(--bzm-no) var(--bzm-yes-share) 100%);
}

.bzm-impuls .bzm-impuls__yes::before,
.bzm-impuls .bzm-impuls__no::before {
    content: "";
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    margin-inline-end: 0.45em;
    border-radius: 50%;
    background: var(--bzm-yes);
}

.bzm-impuls .bzm-impuls__no::before {
    background: var(--bzm-no);
}