.card {
    background-color: var(--mantine-color-body);
}

.label {
    font-family:
        Greycliff CF,
        var(--mantine-font-family);
    font-weight: 700;
    line-height: 1;
}

.lead {
    font-family:
        Greycliff CF,
        var(--mantine-font-family);
    font-weight: 700;
    font-size: rem(22px);
    line-height: 1;
}

.inner {
    display: flex;

    @media (max-width: $mantine-breakpoint-xs) {
        flex-direction: column;
    }
}

.ring {
    flex: 1;
    display: flex;
    justify-content: flex-end;

    @media (max-width: $mantine-breakpoint-xs) {
        justify-content: center;
        margin-top: var(--mantine-spacing-md);
    }
}