.button.add_to_cart_button{display:flex;align-items:center;font-size:15px;font-weight:300;text-decoration:none;cursor:pointer;border:1px solid;max-width:300px;width:100%;height:50px;padding:0 30px;transition:0.2s;position:relative;.text{transition:0.2s;position:absolute;transform:translateX(50%)}&:after,&:before{opacity:0;transition:0.2s}}@media (min-width:1024px){.button.add_to_cart_button:hover{.text{position:absolute;transform:translateX(0%)}&:after{content:"";position:absolute;display:block;width:20px;height:1px;right:20px;opacity:1}&:before{content:"";position:absolute;display:block;width:1px;height:20px;right:30px;opacity:1}}}.button.add_to_cart_button.transparent-white{border-color:#fff;color:#fff;background-color:#fff0}@media (min-width:1024px){.button.add_to_cart_button.transparent-white:hover{&:after,&:before{background-color:#fff}}}.button.add_to_cart_button.transparent-black{border-color:#000;color:#000;background-color:#fff0}@media (min-width:1024px){.button.add_to_cart_button.transparent-black:hover{&:after,&:before{background-color:#000}}}.button.add_to_cart_button.full-white{border-color:#fff;color:#000;background-color:#fff}@media (min-width:1024px){.button.add_to_cart_button.full-white:hover{&:after,&:before{background-color:#000}}}.button.add_to_cart_button.full-black{border-color:#000;color:#fff;background-color:#000}@media (min-width:1024px){.button.add_to_cart_button.full-black:hover{&:after,&:before{background-color:#fff}}}