.followButtons {

    float: none;
    clear: both;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;


    ul {

        &:before, &:after {
            display: none !important;
        }

        display: flex;
        flex-direction: row;
        width: ~"calc(100% + 8px)";
        margin: 0 -4px;

    }

    li {
        float: none;
        clear: both;
        width: auto !important;
        padding: 0 4px;
        display: flex;
        align-items: center;
        justify-content: center;

        a {
            background: var(--dark_color) !important;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            .rems(18);
            line-height: 18px;
            text-align: center;
            border-radius: 50%;
            background: var(--highlight_color);
            transition: background 200ms linear, color 200ms linear;
            text-decoration: none !important;



            i {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 21px;
                position: relative;
                color: #fff;

                svg {
                    width: auto;
                    height: 21px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                }
            }

            &:hover, &:active, &:focus-visible {
                color: #fff;
                background: var(--highlight_color) !important;
                transition: background 200ms linear, color 200ms linear;
            }


        }
    }
}
