.primary-button-main{width:100%;height:7vh;border-radius:8px;outline:none;display:flex;font-family:Red Hat Display,sans-serif;align-items:center;border:2px solid #000ba2;background:linear-gradient(90deg,#0044ff,#ff09a9);position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.primary-button-main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000BA2;transform:translateX(-100%);transition:transform .7s ease}.primary-button-main-boxy{width:20%;height:90%;background-color:#000000;border-radius:5px;margin-left:3px;position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.primary-button-main-boxy,.primary-button-main-boxy img{transition:transform .7s ease}.primary-button-main-text-side{width:80%;height:100%;display:flex;justify-content:center;font-family:Red Hat Display,sans-serif;font-size:1.3rem;align-items:center;font-weight:600;position:relative;z-index:1;color:#ffffff;transition:transform .3s ease}.primary-button-main:hover .primary-button-main-boxy{transform:translateX(calc(400% - 3px))}.primary-button-main:hover .primary-button-main-text-side{transform:translateX(-20%)}.primary-button-main:hover:before{transform:translateX(0)}.primary-button-main:hover .primary-button-main-boxy img{transform:rotate(90deg)}.primary-button-main:hover{transform:scale(1.02)}.primary-button-main:active{transform:scale(.98)}