.btn{--btn-color: var(--color-blanco);--btn-bg-color: black;--btn-border-color: black;border:none;text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;text-align:left;background-color:var(--btn-bg-color);color:var(--btn-color);border:2px solid var(--btn-border-color);border-radius:.5rem;font-family:AlbertSans;font-size:.85rem;font-weight:700;cursor:pointer;transition-property:color,background-color,border;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn:not([disabled]):hover,.btn:focus-visible{--btn-color: black;--btn-bg-color: var(--color-blanco);--btn-border-color: var(--color-blanco);outline:none}.btn[disabled]{pointer-events:none!important;opacity:.75}.btn.btn--submitting:not(.btn--transparent):not(.btn--link){position:relative;color:var(--btn-bg-color);-webkit-user-select:none;user-select:none}.btn.btn.btn--submitting:not(.btn--transparent):not(.btn--link):before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border-radius:9999px;border:2px solid var(--btn-color);border-top-color:transparent;border-right-color:transparent;animation:spin 1s linear infinite}.btn.btn--big{padding:.65rem 1.25rem;font-size:1rem}.btn.btn--medium{padding:.575rem 1rem;font-size:.875rem}.btn.btn--small{padding:.25rem .5rem}.btn.btn--mini{padding:.15rem .25rem}.btn.btn--icon{padding:0}.btn.btn--link{background-color:transparent;border:none;padding:0;transition-property:text-decoration;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn.btn--link:not([disabled]):hover,.btn.btn--link:focus-visible{--btn-color: var(--btn-border-color) !important;text-decoration:underline}.btn.btn--transparent{background-color:transparent;border:none;padding:0;font-size:inherit;font-weight:400;transition-property:font-weight;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn.btn--transparent:not([disabled]):hover,.btn.btn--transparent:focus-visible{--btn-color: var(--btn-border-color) !important;font-weight:600}.btn.btn--borderless{border:none!important}.btn.btnMorado{--btn-color: white;--btn-bg-color: var(--main-color-2);--btn-border-color: var(--main-color-2)}.btn.btnMorado:not([disabled]):hover,.btn.btnMorado:focus-visible{--btn-color: var(--main-color-2);--btn-bg-color: transparent;--btn-border-color: var(--main-color-2)}.btn.btn--outline.btnMorado{--btn-color: var(--main-color-2);--btn-bg-color: transparent;--btn-border-color: var(--main-color-2)}.btn.btn--outline.btnMorado:not([disabled]):hover,.btn.btn--outline.btnMorado:focus-visible{--btn-color: white;--btn-bg-color: var(--main-color-2);--btn-border-color: var(--main-color-2)}.btn.btnVerde{--btn-color: black;--btn-bg-color: var(--main-color-1);--btn-border-color: var(--main-color-1)}.btn.btnVerde:not([disabled]):hover,.btn.btnVerde:focus-visible{--btn-color: black;--btn-bg-color: transparent;--btn-border-color: var(--main-color-1)}.btn.btn--outline.btnVerde{--btn-color: var(--main-color-1);--btn-bg-color: transparent;--btn-border-color: var(--main-color-1)}.btn.btn--outline.btnVerde:not([disabled]):hover,.btn.btn--outline.btnVerde:focus-visible{--btn-color: black;--btn-bg-color: var(--main-color-1);--btn-border-color: var(--main-color-1)}.btn.btnVerde2{--btn-color: black;--btn-bg-color: var(--main-color-1);--btn-border-color: var(--main-color-1)}.btn.btnVerde2:not([disabled]):hover,.btn.btnVerde2:focus-visible{--btn-color: white;--btn-bg-color: transparent;--btn-border-color: var(--main-color-1)}.btn.btn--outline.btnVerde2{--btn-color: var(--main-color-1);--btn-bg-color: transparent;--btn-border-color: var(--main-color-1)}.btn.btn--outline.btnVerde2:not([disabled]):hover,.btn.btn--outline.btnVerde2:focus-visible{--btn-color: white;--btn-bg-color: var(--main-color-1);--btn-border-color: var(--main-color-1)}.btn.btnBlanco{--btn-color: var(--color-blanco);--btn-bg-color: black;--btn-border-color: black}.btn.btnBlanco:not([disabled]):hover,.btn.btnBlanco:focus-visible{--btn-color: black;--btn-bg-color: var(--color-blanco);--btn-border-color: var(--color-blanco)}.btn.btn--outline.btnBlanco{--btn-color: var(--color-blanco);--btn-bg-color: transparent;--btn-border-color: var(--color-blanco)}.btn.btn--outline.btnBlanco:not([disabled]):hover,.btn.btn--outline.btnBlanco:focus-visible{--btn-color: black;--btn-bg-color: var(--color-blanco);--btn-border-color: var(--color-blanco)}.btn.btnNegro{--btn-color: black;--btn-bg-color: var(--color-blanco);--btn-border-color: var(--color-blanco)}.btn.btnNegro:not([disabled]):hover,.btn.btnNegro:focus-visible{--btn-color: var(--color-blanco);--btn-bg-color: black;--btn-border-color: black}.btn.btn--outline.btnNegro{--btn-color: black;--btn-bg-color: transparent;--btn-border-color: black}.btn.btn--outline.btnNegro:not([disabled]):hover,.btn.btn--outline.btnNegro:focus-visible{--btn-color: var(--color-blanco);--btn-bg-color: black;--btn-border-color: black}.btn.btnIconMorado{--btn-color: black;--btn-bg-color: transparent;--btn-border-color: transparent}.btn.btnIconMorado[disabled]{--btn-color: #aeaeae}.btnIconMorado>svg{width:1.15rem;height:1.15rem;min-width:1.15rem;min-height:1.15rem}.btn.btnIconMorado:not([disabled]):hover,.btn.btnIconMorado:focus-visible{--btn-color: var(--main-color-2);--btn-bg-color: transparent;--btn-border-color: transparent}.btn.btnAnimVerde{position:relative;overflow:hidden;--btn-color: black;--btn-bg-color: var(--main-color-1);border:none;z-index:1}.btn.btnAnimVerde:not([disabled]):hover{--btn-color: white}.btn.btnAnimVerde:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(100deg,var(--main-color-2),var(--main-color-1));transition:left .3s ease;z-index:-1}.btn.btnAnimVerde:not([disabled]):hover:before{left:0}.btn.btnAnimMorado{position:relative;overflow:hidden;--btn-color: white;--btn-bg-color: var(--main-color-2);border:none;z-index:1}.btn.btnAnimMorado:not([disabled]):hover,.btn.btnAnimMorado:focus-visible{--btn-color: white}.btn.btnAnimMorado:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(100deg,var(--main-color-1),var(--main-color-2));transition:left .3s ease;z-index:-1}.btn.btnAnimMorado:not([disabled]):hover:before{left:0}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn svg{flex-shrink:0}