.round-word {
    display: inline-flex;
    min-width: var(--tap-target);
    min-height: var(--tap-target);
    padding: 0;
    border: 0;
    border-radius: var(--radius-sm);
    align-items: center;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    white-space: pre-wrap;
}

.round-word:focus-visible {
    box-shadow: var(--focus-ring);
    outline: 0;
}

.round-word--wrong {
    background: var(--color-wrong-soft);
    color: var(--color-wrong);
    font-weight: var(--weight-semibold);
}