.btn-parallax{display:inline-block}.btn-parallax>*{align-items:center;background:var(--color-c6);border-radius:30px;color:var(--color-c6);display:flex;font-size:15px;justify-content:center;margin:0 auto;overflow:hidden;padding:10px 30px;position:relative}@media (max-width:1023px){.btn-parallax>*{font-size:12px;padding:10px 20px}}.btn-parallax>* span,.btn-parallax>* svg{position:relative;transition:color .3s}.btn-parallax>* svg{display:block;margin-left:15px}.btn-parallax>:before{animation:revertAnimation .5s forwards;background:#fff;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.btn-parallax>:hover{color:#fff;opacity:1}.btn-parallax>:hover:before{animation:hoverAnimation .5s forwards}@keyframes hoverAnimation{0%{left:0}to{left:100%}}@keyframes revertAnimation{0%{right:100%}to{right:0}}