/* You can add global styles to this file, and also import other style files */
.c-p {
    cursor: pointer;
}

i.icon-bubble-sm,
.icon-bubble-sm i {
    min-width: 28px;
    height: 28px;
}
i.icon-bubble,
.icon-bubble i {
    min-width: 56px;
    height: 56px;
}

i[class*="icon-bubble"],
[class*="icon-bubble"] i {
    padding: 0;
    position: relative;
    background: var(--color-bg-light);
    color: var(--color-icons);
}

i[class*="icon-bubble"]::before,
[class*="icon-bubble"] i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}