.boton,.boton--add-to-car,.boton--enlace{color:#fc0;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fc0 50%,#000 50%) 0 100%/auto 200%;border:1px solid #000;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:40rem;height:5rem;margin:1rem auto;padding:.5rem;font-weight:700;transition:all .5s ease-in-out;display:flex}.boton:hover,.boton--add-to-car:hover,.boton--enlace:hover{color:#000;background-position:0 0}.boton--enlace--hero{color:#000;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fc0 50%,#000 50%) 0 100%/auto 200%;border:1px solid #000;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:40rem;height:5rem;margin:1rem auto;padding:.5rem;font-weight:700;transition:all .5s ease-in-out;display:flex}.boton--enlace--hero:hover{color:#000;background-position:0 0}.boton--enlace--hero{color:#fff;border:1px solid #fff;font-size:1.5rem}.boton--enlace--hero:hover{border-color:#fc0}.boton--add-to-car{font-size:1.8rem}.boton--add-to-car--hero{color:#000;text-transform:uppercase;cursor:pointer;background:linear-gradient(#000 50%,#fc0 50%) 0 100%/auto 200%;border:1px solid #000;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:40rem;height:5rem;margin:1rem auto;padding:.5rem;font-weight:700;transition:all .5s ease-in-out;display:flex}.boton--add-to-car--hero:hover{color:#000;background-position:0 0}.boton--add-to-car--hero{font-size:1.5rem}.boton--add-to-car--hero:hover{color:#fff;border-color:#fff}