@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap");.tertiary-button-main{width:50%;height:5.5vh;border-radius:8px;outline:none;display:flex;align-items:center;border:2px solid #000ba2;background:linear-gradient(90deg,#04f,#ff09a9);position:relative;overflow:hidden;font-family:Red Hat Display,sans-serif!important;cursor:pointer;transition:all .3s ease}.tertiary-button-main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000ba2;transform:translateX(-100%);transition:transform .7s ease}.tertiary-button-main-boxy{width:20%;height:90%;background-color:#000;border-radius:5px;margin-left:3px;position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.tertiary-button-main-boxy,.tertiary-button-main-boxy img{transition:transform .7s ease}.tertiary-button-main-text-side{width:80%;height:100%;display:flex;justify-content:center;font-family:Red Hat Display,sans-serif;font-size:.8rem;align-items:center;font-weight:600;position:relative;z-index:1;color:#fff;transition:transform .3s ease}.tertiary-button-main:hover .tertiary-button-main-boxy{transform:translateX(calc(400% - 3px))}.tertiary-button-main:hover .tertiary-button-main-text-side{transform:translateX(-20%)}.tertiary-button-main:hover:before{transform:translateX(0)}.tertiary-button-main:hover .tertiary-button-main-boxy img{transform:rotate(90deg)}.tertiary-button-main:hover{transform:scale(1.02)}.tertiary-button-main:active{transform:scale(.98)}