.btn-group {
    display: flex;
    flex-direction: row;

    .btn-group-btn {
        cursor: pointer;
        color: var(--iqser-accent);
        background: var(--iqser-white);
        font-family: Inter, sans-serif;
        font-size: 13px;
        line-height: 14px;
        padding: 10px 14px;
        transition: color 0.25s ease-in-out;
        outline: none;
        border: none;

        &:hover {
            color: var(--iqser-black);
        }

        &.active {
            color: var(--iqser-light);
            background: var(--iqser-primary);
            border-radius: 17px;
        }

        &.active:hover {
            color: var(--iqser-grey-3);
        }
    }
}

.icon-10 {
    width: 10px;
    height: 10px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Edge, Opera and Firefox */
}