.section button {
    padding: 15px 40px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(
        to bottom,
        #ff7f93 0%,
        #f0647a 50%,
        #e2556c 100%
    );
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;

    box-shadow:
        0 10px 20px rgba(240, 100, 122, 0.35),
        0 4px 8px rgba(0, 0, 0, 0.15);


    position: relative;
}

/* Hover efekt – tlačidlo sa zdvihne */
.section button:hover {
    transform: translateY(-3px);
    background: linear-gradient(
        to bottom,
        #e47587 0%,
        #dc5a72 50%,
        #ea3451 100%
    );
    box-shadow:
        0 14px 25px rgba(240, 100, 122, 0.45),
        0 6px 12px rgba(0, 0, 0, 0.2);
}

/* Klik efekt – zatlačenie */
.section button:active {
    transform: translateY(1px);
    box-shadow:
        0 6px 12px rgba(240, 100, 122, 0.35),
        0 3px 6px rgba(0, 0, 0, 0.15);
}