.custom-button {
    /* Основные стили */
    display: inline-block;
    padding: 16px 70px;
    background-color: #FFEF62; /* Желтый цвет */
    color: #212121;
    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;

    /* Скругление углов */
    border-radius: 7px;

    /* Тень снизу */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

    /* Плавные переходы для всех свойств */
    transition: all 0.3s ease;

    /* Граница */
    border: none;
    cursor: pointer;

    /* Относительное позиционирование для плавного увеличения */
    position: relative;
}

.custom-button-margin{
   margin-bottom: 160px; 
} 

/* Эффект при наведении */
.custom-button:hover {
    background-color: #FCE200; /* Более темный желтый */
    transform: scale(1.05); /* Увеличение на 5% */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); /* Усиленная тень */
}

/* Эффект при нажатии */
.custom-button:active {
    background-color: #E09E00; /* Еще более темный желтый */
    transform: scale(1.02); /* Меньшее увеличение при нажатии */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Меньшая тень при нажатии */
    transition: all 0.1s ease; /* Более быстрая анимация при нажатии */
}

/* Фокус для доступности */
.custom-button:focus {
    outline: 2px solid #333;
    outline-offset: 2px;
}