.aniButton {
    position: relative;
    font-size: 26px;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(60deg, rgba(187,118,42,0.8) 0%, rgba(186,117,42,0.35) 100%);
    border: 1px  solid #ba772a21;
    border-radius: 8px;
    padding: 0.7em 4em;
    overflow: hidden;
    backdrop-filter: blur(2px);
    transition: 0.3s;
}

.aniButton:after {
	content:'';
    top:0;
	transform:translateX(100%);
	width: 200px;
	height: 80px;
	position: absolute;
	z-index: 1;
	animation: slide 1.5s infinite;

	background: linear-gradient(
        100deg,  
        rgba(255,255,255,0) 30%, 
        rgba(255,255,255,0.4) 45%, 
        rgba(255,255,255,0) 55%, 
        rgba(255,255,255,0.4) 93%, 
        rgba(255,255,255,0) 95%); 
	filter: progid:DXImageTransform.Microsoft.gradient( 
        startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 
    );
}
@keyframes slide {
    0% {transform:translateX(-220%);}
    100% {transform:translateX(100%);}
}

.aniButton:hover {
    backdrop-filter: blur(6px);
}


@media (max-width: 768px) { 
    .aniButton {
        width: 90%;
        padding: 0.7em 1em;
    }
    
    .aniButton:after {
        height: 200px;
    }

}