/**
 * This file provides styles for approve plugin
 */

.page-attributes > li #plugin__approve {
    display: none;
}

@media screen {
    #plugin__approve {
        display: none; // initial
        position: relative;
        padding: 2rem 1rem;
        clear: both;
    }

    span.plugin_approve-icon.plugin__approve_draft {
        background-color: #fdb1b1;
        &:hover {
            background-color: unset;
        }
    }

    span.plugin_approve-icon.plugin__approve_ready {
        background-color: #94bffb;
        &:hover {
            background-color: unset;
        }
    }

    span.plugin_approve-icon.plugin__approve_approved {
        background-color: #94fb94;
        &:hover {
            background-color: unset;
        }
    }
}
