.agenda {
    padding: 120px 0 120px 0;
    background:
        linear-gradient(
            135deg,
            #111 0%,
            #1b1b1b 100%
        );

    position: relative;
    overflow: hidden;
}

.agenda__container {
    max-width: 1100px;
    margin: 0 auto;
}

.agenda__content {
    max-width: 720px;
}

.agenda__eyebrow {
    display: inline-block;

    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: .14em;
    text-transform: uppercase;

    color: #ff4d4f;
}

.agenda__title {
    margin: 0 0 24px;

    font-size: 56px;
    line-height: 1.05;
    font-weight: 700;

    color: #fff;
}

.agenda__description {
    margin: 0 0 40px;

    font-size: 19px;
    line-height: 1.8;

    color: rgba(255,255,255,.75);
}

.agenda__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 180px;
    height: 58px;

    padding: 0 32px;

    border-radius: 999px;

    background: #fff;
    color: #111;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.agenda__button:hover {
    transform: translateY(-3px);

    background: #ff4d4f;
    color: #fff;
}

@media (max-width: 768px) {

    .agenda {
        padding: 90px 0;
    }

    .agenda__container{
        padding: 0 24px;
    }

    .agenda__title {
        font-size: 38px;
    }

    .agenda__description {
        font-size: 17px;
    }

}