.hero-008-block .jump-link,
.hero-008-block .jump-link span.title,
.hero-008-block .jump-link span.subtitle,
.hero-008-block .jump-link div.arrow-button,
.hero-008-block .jump-link span.material-icons {
    transition: all 200ms ease-in-out;
}

/**
 * md-up
 */
 @media (min-width: 768px) {
    .hero-008-block .jump-link:hover {
        background: #f9c402 !important;
    }

    .hero-008-block .jump-link:hover span.title,
    .hero-008-block .jump-link:hover span.subtitle {
        color: #00022b !important;
    }

    .hero-008-block .jump-link:hover div.arrow-button {
        background: rgba(255, 255, 255, 0.4) !important;
    }

    .hero-008-block .jump-link:hover span.material-icons {
        color: #00022b !important;
        transform: rotate3d(1, 0, 0, 180deg);
    }
}

/**
 * sm-down
 */
 @media (max-width: 767px) {
    .hero-008-block .jump-link {
        background: #f9c402 !important;
    }

    .hero-008-block .jump-link span.title,
    .hero-008-block .jump-link span.subtitle {
        color: #00022b !important;
    }

    .hero-008-block .jump-link div.arrow-button {
        background: rgba(255, 255, 255, 0.4) !important;
    }

    .hero-008-block .jump-link span.material-icons {
        color: #00022b !important;
        transform: rotate3d(1, 0, 0, 180deg);
    }
}