@use "sass:color";

.wprm-button-required {
    opacity: 0.4 !important;
    cursor: help !important;
}

$ai-button-base: #8e44ad;
$ai-button-hover: color.adjust($ai-button-base, $lightness: -12%);
$ai-button-bg: color.scale($ai-button-base, $lightness: 80%);
$ai-button-bg-hover: color.scale($ai-button-hover, $lightness: 80%);

.wprm-button-ai {
    background: $ai-button-bg !important;
    border-color: $ai-button-base !important;
    color: $ai-button-base !important;

    &:hover,
    &:focus,
    &:active {
        background: $ai-button-bg-hover !important;
        border-color: $ai-button-hover !important;
        color: $ai-button-hover !important;
    }

    .wprm-admin-icon {
        display: inline-block;
        margin-top: 0;
        margin-right: 5px;
        margin-bottom: -2px;
        opacity: 1;
        vertical-align: middle;
    }
}