body {
    text-align: center;
    font-family: Arial, sans-serif;
    font-family: 'Segoe UI', sans-serif; /* Fluent-стиль */
    margin: 0;
    padding: 0;
    background: #d6ffff;
}
iframe {
    margin: 20px;
}

.fluent-button {
    /* Базовый стиль */
    background: #3B8080;
    border: none;
    padding: 8px 20px;
    border-radius: 12px;
    color: white;
    font-family: 'Segoe UI', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease; /* Плавные анимации */
}

/* Стиль при наведении */
.fluent-button:hover {
    background: #295a5a;
    transform: scale(1.2); /* Лёгкое увеличение */  
}

/* Стиль при нажатии */
.fluent-button:active {
    background: #3b808048;
    transform: scale(0.98); /* Эффект "вдавливания" */
}