.miko-simply-scroll-wrapper {

    width: 100%;

    overflow: hidden;

    position: relative;

}



.miko-simply-scroll-wrapper::after{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    content: "";

    pointer-events: none;

    background: linear-gradient(90deg, #F7FAF9 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, #F7FAF9 100%);

}



.miko-simply-scroll li {

    position: relative;

    display: inline-block;

    border-radius: 6px;

    border: 1px solid transparent;

    overflow: visible;

}



.miko-simply-scroll li::before {

    content: "";

    position: absolute;

    inset: 0px;

    border-radius: 4px;

    padding: 1px;

    background: linear-gradient(90deg, #ff0066 0%, #ffcc00 25%, #00e0ff 50%, #7b61ff 75%, #ff0066 100%);

    background-size: 200% 100%;

    z-index: -1;

    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);

    -webkit-mask-composite: xor;

    mask-composite: exclude;

    opacity: 0;

    transition: opacity .25s;

    z-index: 1;

}

.miko-simply-scroll-wrapper .miko-simply-scroll li:hover{

    border-color: transparent;

}

.miko-simply-scroll li:hover::before,

.miko-simply-scroll li:focus::before {

    opacity: 1;

    animation: slide 2s linear infinite;

}



@keyframes slide {

    0% {

        background-position: 0% 50%;

    }



    100% {

        background-position: 200% 50%;

    }

}



.miko-simply-scroll img {

    max-height: 100px;

    border-radius: 6px;

    object-fit: cover;

}