/*--------------------------------------------------------------------------*\
    Comment message on the right
\*--------------------------------------------------------------------------*/

.comment__message--right {
    /*box*/
    top: -15px;
}

.comment__message--right::before {
    /*box*/
    top: 15px;
    left: -8.5px;

    /*border*/
    border-top: 1.5px solid var(--c-tertiary-2);
    border-left: 1.5px solid var(--c-tertiary-2);
}

/*--------------------------------------------------------------------------*\
        Sizes
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
        Medium
\*--------------------------------------------------------------------------*/

.comment__message--md.comment__message--right {
    /*box*/
    right: -250px;
}

/*--------------------------------------------------------------------------*\
        Large
\*--------------------------------------------------------------------------*/

.comment__message--lg.comment__message--right {
    /*box*/
    right: -350px;
}