/* Убираем отступы у страницы внутри iframe */
body {
    margin: 0;
    padding: 0;
    overflow: hidden; /* Запрещаем появление полос прокрутки */
    height: 100vh;    /* Растягиваем body на всю высоту */
}

button {
    /* Геометрия — строго на весь экран фрейма */
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0; /* Убираем, так как размер задан через width/height */
    cursor: pointer;
    
    /* Скругление углов (если iframe квадратный, можно сделать 0) */
    border-radius: 12px; 

    /* Текст и шрифты */
    color: white;
    font-size: 1.5rem; /* Оптимальный крупный размер */
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Красивый градиент и эффекты */
    background: linear-gradient(135deg, #2ea44f, #238636);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); /* Внутренний блик сверху */
    transition: background 0.15s ease;
}

/* Эффект при наведении */
button:hover {
    background: linear-gradient(135deg, #34bc5e, #2ea44f);
}

/* Эффект при клике */
button:active {
    background: #238636;
}