/* do no use <div class="nalino-glow-wrap"> </div> */
.nalino-glow-wrap
/* other button wraps*/
/* use span tag <span class="nalino-glow-wrap"></span> */
{
	z-index: 2;
	overflow: hidden;
	position: relative;
	z-index: 2;
	width: fit-content;
	display: flex;
}
/* class to <a> */
.nalino-glow {
}
/* add where button class left, center, right*/
.center-btn{
	margin:0 auto;
}

.left-btn{
	margin-right:auto;
}

.right-btn{
	margin-left:auto;
}

.nalino-btn-wrap{
margin-top: calc(15px - 8px);
}
.open-filter-margin-top {
    margin: 20px 0px;
}

.style-btn-hero{
    border-radius: 0 0.5rem 0 0.5rem;
}
/* Shine effect for remove filter buttons */
.nalino-glow::after {
    content: '';
	z-index:1;
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
        45deg,
        rgba(245, 247, 250, 0) 0%,
        rgba(232, 236, 239, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
}

.nalino-glow:hover::after {
    animation: move-shine 1s ease-out;
	opacity: 1;
}

@keyframes move-shine {
    0% {
        opacity: 1;
        left: 100%;
        background: linear-gradient(45deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    25% {
        left: -50%;
        background: linear-gradient(60deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    50% {
        left: -50%;
        background: linear-gradient(75deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    75% {
        left: -75%;
        background: linear-gradient(90deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    100% {
        left: -100%;
        opacity: 0.01;
        background: linear-gradient(105deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
}