FlatlyPage

.htaccess .last_check admin/account.php admin/dashboard.php admin/easyedit.js admin/extensions.php admin/generate-hash.php admin/index.php admin/lang.php admin/login_tracking.php admin/logout.php admin/popups.php admin/preview.php admin/scripts.php admin/theme-edit/index.php admin/themes.php api/get-translate-config.php api/translate.php assets/fonts/inter/inter.css assets/fonts/space-grotesk/space-grotesk.css assets/js/admin-editor.js assets/js/admin-theme.js assets/js/translate.js config.php contact-handler.php contact.php css/admin.css css/contact.css css/styles.css css/theme.css css/translate.css data/.htaccess data/.index.php data/.settings.php data/private/.htaccess data/sitemap-config.php data/translate-api.xml engine/index.html engine/index.php engine/renderion.php extensions-loader.php favicons.txt functions.php index.php newsletter/.htaccess newsletter/confirm.php newsletter/manager.php newsletter/newsletter-form.js newsletter/newsletter-styles.css newsletter/newsletter-unavailable.php newsletter/newsletter.sql newsletter/settings.php newsletter/subscribe.php newsletter/unsubscribe.php page.php robots.txt.php sitemap.php updater/index.php version.txt

.btn-translate {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    margin-left: 8px;
    opacity: 0.5;
    transition: opacity 0.2s, transform 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.btn-translate:hover {
    opacity: 1;
    transform: scale(1.1);
}

.btn-translate svg {
    color: var(--primary);
}

.btn-translate:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.form-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.translating {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

.btn-translate.translating::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2px solid var(--border);
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}