// buttons used in codegroups + toolbar
.enlighter-btn{
    display: inline-block;
    margin: 0px 5px 0px 5px;
    padding: 3px 5px 3px 5px;
    border: solid 1px #333333;
    background-color: #f0f0f0;
    cursor: pointer;
}

// buttons
.enlighter-btn-raw{
    background-image: data-uri('icons/enlighter_code.svg');
}

.enlighter-btn-window{
    background-image: data-uri('icons/enlighter_rawcode.svg');
}

.enlighter-btn-website{
    background-image: data-uri('icons/enlighter_icon_white.svg');
}
        

// line hover color
&.enlighter-hover{
    ul.enlighter li:hover{
        border: none;
        background-color: #ddf0dd;
    }
    ol.enlighter li:hover{
        border: none;
        border-left: solid 4px #52ce52;
        background-color: #ddf0dd;
    }
}

// Inline specific styles
&.enlighter-v-inline span.enlighter{
    background-color: transparent;
    border: none;
}