/* BUTTON VARIANTS */

.elementst-dialog-button .elements-button-variants {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 3px;
    justify-content: end;
    width: 100%;
    height: 42px;
    margin-right: 3px;

    .elements-button-variant {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ecf3ff;
        color: #1679f9;
        height: 42px;
        width: 36px;
        
        &::before {
            content: ' ';
            background-size: 50%;
            background-repeat: no-repeat;
            background-position: center;
            height: 42px;
            width: 36px;
        }

        &.on, &:hover {
            background-color: #1679f9;
            color: #fff;

            &::before {
                filter: brightness(10);
            }
        }
    }
}
