.media-modal .edit-attachment-frame .attachment-details .autoaltai-generate-button,
.media-modal-content .attachment-details .autoaltai-generate-button {margin: 63px 0 10px 35%;}

.media-modal-content .autoaltai-generate-button {margin: 63px 0 10px 27%;}

.media-modal .edit-attachment-frame .attachment-details .autoaltai-generate-button .button,
.media-modal-content .attachment-details .autoaltai-generate-button .button,
.media-modal-content .autoaltai-generate-button .button {margin:0;}

.media-modal-content .attachment-details .autoaltai-generate-button .button,
.media-modal-content .autoaltai-generate-button .button { color: #ffffff; }

.media-modal-content .autoaltai-generate-button .button:hover,.media-modal-content .autoaltai-generate-button .button:focus {
    color: #ffffff;
}

.autoaltai-generate-button { clear: both; font-family: Inter, sans-serif;margin: 10px 0;}

.autoaltai-generate-button .button {
    background-color: #B30000;
    border: none;
    color: #ffffff;
    font-family: Inter, sans-serif;
    display: flex;
    width: max-content;
    align-items: center;
    min-height: auto;
    padding: 7px 10px 10px 10px;
    margin: 0 0 7px 0;
    gap: 6px;
    transition: 400ms;
}

.autoaltai-generate-button .button > span { line-height: normal; }

.autoaltai-generate-button .button > img {
    display: block;
    filter: brightness(0) invert(1);
    width: 13px;
    height: 13px;
}

.autoaltai-generate-button .button:hover, .autoaltai-generate-button .button:focus {
    background-color: #8a0000;
    border: none;
    color: #ffffff;
    box-shadow: none;
}

.autoaltai-generate-button .autoaltai-generate-btn-keyword-wrap {
    margin: 6px 0 0 0;
}

.autoaltai-generate-button .autoaltai-generate-btn-keyword-wrap > input[type="text"] {
    margin: 0;
}

.autoaltai-generate-button .autoaltai-generate-btn-keyword-wrap > input[type="text"],
.autoaltai-generate-button .autoaltai-generate-btn-keyword-wrap > input[type="text"]::placeholder {font-family: Inter, sans-serif;}

.autoaltai-generate-button .autoaltai-generate-btn-checkbox-wrap input {
    margin-top: 0;
}



/* ============================================================================
   ALERT / MESSAGE BOXES
   ============================================================================ */

.autoaltai-generate-button .autoaltai-alert,
.autoaltai-generate-button .autoalt-response {
    padding: 4px 15px;
    margin: 6px 0 0 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--bodyfontfamily);
    border-radius: 4px;
    width: max-content;
}

/* Success Message */
.autoaltai-generate-button .autoaltai-alert.autoaltai-alert-success,
.autoaltai-generate-button .autoaltai-alert.autoaltai-success,
.autoaltai-generate-button .autoalt-response.text-success {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
}

/* Error Message */
.autoaltai-generate-button .autoaltai-alert.autoaltai-alert-error,
.autoaltai-generate-button .autoaltai-alert.autoaltai-error,
.autoaltai-generate-button .autoalt-response.text-error {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}

/* Info Message */
.autoaltai-generate-button .autoaltai-alert.autoaltai-alert-info,
.autoaltai-generate-button .autoaltai-alert.autoaltai-info {
    color: #004085;
    background-color: #cce5ff;
    border: 1px solid #b8daff;
}

/* Warning Message */
.autoaltai-generate-button .autoaltai-alert.autoaltai-alert-warning,
.autoaltai-generate-button .autoaltai-alert.autoaltai-warning {
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
}

#adminmenu li.menu-top a.toplevel_page_autoaltai .wp-menu-image.dashicons-before img{ max-width: 18px; margin: 0 auto; }

.autoaltai-generate-btn.disable,
.autoaltai-generate-btn[aria-disabled="true"] {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

@media only screen and (max-width: 1199px) {
    .media-modal .edit-attachment-frame .attachment-details .autoaltai-generate-button .button,
    .media-modal-content .attachment-details .autoaltai-generate-button .button {
        margin: 0;
    }

    .media-modal .edit-attachment-frame .attachment-details .autoaltai-generate-button,
    .media-modal-content .attachment-details .autoaltai-generate-button {
        margin: 63px 0 10px 0;
    }

    

    .autoaltai-generate-button .autoaltai-generate-btn-checkbox-wrap input {
        line-height: normal;
        height: 20px;
        width: 20px;
        margin-right: 8px;
    }

    
    
}

@media only screen and (max-width: 991px) {
    
.media-modal-content .autoaltai-generate-button .button { margin: 13px 0 10px 0; }
}

@media only screen and (max-width: 900px) {

.media-modal-content .autoaltai-generate-button {
    margin: 0 20px 10px 20px;
}
}

@media only screen and (max-width: 767px) {
    .autoaltai-generate-button .autoaltai-generate-btn-checkbox-wrap input {
        height: 16px;
        width: 16px;
    }
    
}