.button{text-align:center;text-transform:uppercase;border-radius:10px;padding:18px 80px;font-family:Chivo,sans-serif;font-size:24px;font-style:normal;font-weight:600;text-decoration:none}.button:first-letter{font-size:32px}.button{box-shadow:6px 6px 0px 0px var(--amarillo-oscuro);background-color:var(--amarillo-claro);color:var(--negro);transition:all .3s;transform:translate(0)}.button:hover{box-shadow:0px 0px 0px 0px var(--amarillo-oscuro);transform:translate(6px,6px)}@media screen and (max-width:768px){.button{font-size:20px}.button:first-letter{font-size:28px}}@media screen and (max-width:600px){.button{width:100%}}.button.verde{box-shadow:6px 6px 0px 0px var(--verde-oscuro);background-color:var(--verde-claro);color:var(--blanco)}.button.verde:hover{box-shadow:0px 0px 0px 0px var(--verde-oscuro);transform:translate(6px,6px)}.button.verde-oscuro{box-shadow:6px 6px 0px 0px var(--blanco);background-color:var(--verde-oscuro);color:var(--blanco)}.button.verde-oscuro:hover{box-shadow:0px 0px 0px 0px var(--blanco);transform:translate(6px,6px)}