#fitur--page .fitur-icon-item {
    border: 0;
    border-radius: 1rem;
    background: transparent;
    padding: 0.75rem;
    transition: background-color 400ms ease, box-shadow 400ms ease, transform 400ms ease;
}

#fitur--page .fitur-icon-item:hover,
#fitur--page .fitur-icon-item:focus-visible,
#fitur--page .fitur-icon-item.is-active {
    background: #fff;
    transform: translateY(-4px);
    outline: none;
}

#fitur--page .fitur-icon-item.is-active p {
    color: #fa7094;
    font-weight: 700;
}

#fitur-swiper {
    overflow: hidden;
}

#fitur-swiper .swiper-slide {
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1) !important;
}

#fitur-swiper .fitur-slide-content {
    opacity: 0;
    transform: translateY(18px) scale(0.98);
    transition: opacity 900ms cubic-bezier(0.45, 0, 0.55, 1),
        transform 900ms cubic-bezier(0.45, 0, 0.55, 1);
}

#fitur-swiper .swiper-slide-active .fitur-slide-content {
    opacity: 1;
    transform: translateY(0) scale(1);
}

#fitur--page .slider-button--parent {
    position: relative;
    z-index: 10;
    margin-top: 2rem;
}

#fitur--page .fitur-prev,
#fitur--page .fitur-next {
    border: 0;
    transition: background-color 250ms ease, box-shadow 250ms ease, transform 250ms ease;
}

#fitur--page .fitur-prev:hover,
#fitur--page .fitur-next:hover {
    background: #f8fafc;
    box-shadow: 0 12px 24px rgba(45, 52, 54, 0.16);
    transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
    #fitur--page .fitur-icon-item,
    #fitur-swiper .fitur-slide-content,
    #fitur--page .fitur-prev,
    #fitur--page .fitur-next {
        transition: none;
    }
}