/* HERO БЛОК */

.hero {
    background: #000;
    color: #fff;

    padding: 80px 0;

    text-align: center;
}

.hero .button {
    display: inline-block;

    margin-top: 20px;

    padding: 12px 24px;

    background: #0071e3;
    color: #fff;

    border-radius: 999px;

    text-decoration: none;

    transition: all 0.25s ease;

    box-shadow: 0 0 0 rgba(0, 113, 227, 0);
}

.hero .button:hover {
    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(0, 113, 227, 0.5);
}

.hero h1,
.hero p {
    color: #fff;
}