.boton{all:unset;text-align:center;cursor:pointer;border:2px solid;border-radius:1rem;width:90%;margin:0 auto 5rem;padding:2rem;font-weight:500;display:block;position:relative;overflow:hidden;box-shadow:0 8px 20px -5px #1a1a1a}@media (min-width:768px){.boton{width:fit-content;min-width:20rem}}.boton p{z-index:2;position:relative}.boton--principal:before,.boton--secundario:before{content:"";z-index:0;background-color:#1a1a1a;border-radius:50%;width:2rem;height:2rem;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boton--principal:hover:before,.boton--secundario:hover:before{transform:translate(-50%,-50%)scale(20)}.boton--principal{color:#f5f5f0;background-color:#2a7250;border-color:#2a7250}.boton--principal:before{background-color:#2a7250}.boton--principal:hover{color:#2a7250;box-shadow:none}.boton--principal:hover:before{background-color:#f5f5f0}.boton--secundario{color:#2a7250;background-color:#f5f5f0;border-color:#f5f5f0}.boton--secundario:before{background-color:#f5f5f0}.boton--secundario:hover{color:#f5f5f0;box-shadow:none}.boton--secundario:hover:before{background-color:#2a7250}.boton--card,.boton--card-contacto{color:#2a7250;background-color:#f5f5f0;border-color:#2a7250;margin-bottom:0;transition:all .5s ease-in-out;position:relative}.boton--card:before,.boton--card-contacto:before,.boton--card:after,.boton--card-contacto:after{content:"";background-color:#2a7250;width:100%;height:200%;transition:all .5s ease-in-out;position:absolute;rotate:-90deg}.boton--card:before,.boton--card-contacto:before{transform-origin:0 100%;top:-201%;left:30%}.boton--card:after,.boton--card-contacto:after{transform-origin:100% 0;bottom:-201%;right:30%}.boton--card:hover,.boton--card-contacto:hover{color:#f5f5f0}.boton--card:hover:before,.boton--card-contacto:hover:before,.boton--card:hover:after,.boton--card-contacto:hover:after{rotate:40deg}.boton--card-contacto{color:#f5f5f0;background-color:#2a7250}.boton--card-contacto:before,.boton--card-contacto:after{background-color:#f5f5f0}.boton--card-contacto:hover{color:#2a7250;box-shadow:none}.boton--card-contacto:hover:before{background-color:#f5f5f0}