.c-button{position:relative;height:30px;margin:0;border-radius:20px;border:1px solid transparent;background-color:var(--color-primary);transition-duration:.2s}.c-button:hover,.c-button:active,.c-button:focus{background-color:var(--color-secundary)}@media (min-width: 992px){.c-button{height:40px}}.c-button--white{background-color:#fff}.c-button--black{background-color:#000}.c-button--primary{background-color:var(--color-primary)}.c-button--secundary{background-color:var(--color-secundary)}.c-button__complementario-1{background-color:var(--color-complementario-1)}.c-button__complementario-2{background-color:var(--color-complementario-2)}.c-button__complementario-3{background-color:var(--color-complementario-3)}.c-button__text-oscuro{background-color:var(--color-text-oscuro)}.c-button__text-gray{background-color:var(--color-text-gray)}.c-button__body{background-color:var(--color-body)}.c-button__success{background-color:var(--color-success)}.c-button__error{background-color:var(--color-error)}.c-button--white-hover:hover,.c-button--white-hover:active,.c-button--white-hover:focus{background-color:#fff}.c-button--black-hover:hover,.c-button--black-hover:active,.c-button--black-hover:focus{background-color:#000}.c-button--primary-hover:hover,.c-button--primary-hover:active,.c-button--primary-hover:focus{background-color:var(--color-primary)}.c-button--secundary-hover:hover,.c-button--secundary-hover:active,.c-button--secundary-hover:focus{background-color:var(--color-secundary)}.c-button--complementario-1-hover:hover,.c-button--complementario-1-hover:active,.c-button--complementario-1-hover:focus{background-color:var(--color-complementario-1)}.c-button--complementario-2-hover:hover,.c-button--complementario-2-hover:active,.c-button--complementario-2-hover:focus{background-color:var(--color-complementario-2)}.c-button--complementario-3-hover:hover,.c-button--complementario-3-hover:active,.c-button--complementario-3-hover:focus{background-color:var(--color-complementario-3)}.c-button--text-oscuro-hover:hover,.c-button--text-oscuro-hover:active,.c-button--text-oscuro-hover:focus{background-color:var(--color-text-oscuro)}.c-button--text-gray-hover:hover,.c-button--text-gray-hover:active,.c-button--text-gray-hover:focus{background-color:var(--color-text-gray)}.c-button--body-hover:hover,.c-button--body-hover:active,.c-button--body-hover:focus{background-color:var(--color-body)}.c-button--success-hover:hover,.c-button--success-hover:active,.c-button--success-hover:focus{background-color:var(--color-success)}.c-button--error-hover:hover,.c-button--error-hover:active,.c-button--error-hover:focus{background-color:var(--color-error)}.c-button--border-white{border-color:#fff}.c-button--border-black{border-color:#000}.c-button--border-primary{border-color:var(--color-primary)}.c-button--border-secundary{border-color:var(--color-secundary)}.c-button--border-complementario-1{border-color:var(--color-complementario-1)}.c-button--border-complementario-2{border-color:var(--color-complementario-2)}.c-button--border-complementario-3{border-color:var(--color-complementario-3)}.c-button--border-text-oscuro{border-color:var(--color-text-oscuro)}.c-button--border-text-gray{border-color:var(--color-text-gray)}.c-button--border-body{border-color:var(--color-body)}.c-button--border-success{border-color:var(--color-success)}.c-button--border-error{border-color:var(--color-error)}.c-button--border-white-hover:hover,.c-button--border-white-hover:active,.c-button--border-white-hover:focus{border-color:#fff}.c-button--border-black-hover:hover,.c-button--border-black-hover:active,.c-button--border-black-hover:focus{border-color:#000}.c-button--border-primary-hover:hover,.c-button--border-primary-hover:active,.c-button--border-primary-hover:focus{border-color:var(--color-primary)}.c-button--border-secundary-hover:hover,.c-button--border-secundary-hover:active,.c-button--border-secundary-hover:focus{border-color:var(--color-secundary)}.c-button--border-complementario-1-hover:hover,.c-button--border-complementario-1-hover:active,.c-button--border-complementario-1-hover:focus{border-color:var(--color-complementario-1)}.c-button--border-complementario-2-hover:hover,.c-button--border-complementario-2-hover:active,.c-button--border-complementario-2-hover:focus{border-color:var(--color-complementario-2)}.c-button--border-complementario-3-hover:hover,.c-button--border-complementario-3-hover:active,.c-button--border-complementario-3-hover:focus{border-color:var(--color-complementario-3)}.c-button--border-text-oscuro-hover:hover,.c-button--border-text-oscuro-hover:active,.c-button--border-text-oscuro-hover:focus{border-color:var(--color-text-oscuro)}.c-button--border-text-gray-hover:hover,.c-button--border-text-gray-hover:active,.c-button--border-text-gray-hover:focus{border-color:var(--color-text-gray)}.c-button--border-body-hover:hover,.c-button--border-body-hover:active,.c-button--border-body-hover:focus{border-color:var(--color-body)}.c-button--border-success-hover:hover,.c-button--border-success-hover:active,.c-button--border-success-hover:focus{border-color:var(--color-success)}.c-button--border-error-hover:hover,.c-button--border-error-hover:active,.c-button--border-error-hover:focus{border-color:var(--color-error)}.c-button__text{color:#fff;line-height:30px;padding:0 1rem;transition-duration:.2s}@media (min-width: 992px){.c-button__text{line-height:38px}}.c-button__text--white{color:#fff}.c-button__text--black{color:#000}.c-button__text--primary{color:var(--color-primary)}.c-button__text--secundary{color:var(--color-secundary)}.c-button__text--complementario-1{color:var(--color-complementario-1)}.c-button__text--complementario-2{color:var(--color-complementario-2)}.c-button__text--complementario-3{color:var(--color-complementario-3)}.c-button__text--text-oscuro{color:var(--color-text-oscuro)}.c-button__text--text-gray{color:var(--color-text-gray)}.c-button__text--body{color:var(--color-body)}.c-button__text--success{color:var(--color-success)}.c-button__text--error{color:var(--color-error)}.c-button:hover .c-button__text--white-hover,.c-button:active .c-button__text--white-hover,.c-button:focus .c-button__text--white-hover{color:#fff}.c-button:hover .c-button__text--black-hover,.c-button:active .c-button__text--black-hover,.c-button:focus .c-button__text--black-hover{color:#000}.c-button:hover .c-button__text--primary-hover,.c-button:active .c-button__text--primary-hover,.c-button:focus .c-button__text--primary-hover{color:var(--color-primary)}.c-button:hover .c-button__text--secundary-hover,.c-button:active .c-button__text--secundary-hover,.c-button:focus .c-button__text--secundary-hover{color:var(--color-secundary)}.c-button:hover .c-button__text--complementario-1-hover,.c-button:active .c-button__text--complementario-1-hover,.c-button:focus .c-button__text--complementario-1-hover{color:var(--color-complementario-1)}.c-button:hover .c-button__text--complementario-2-hover,.c-button:active .c-button__text--complementario-2-hover,.c-button:focus .c-button__text--complementario-2-hover{color:var(--color-complementario-2)}.c-button:hover .c-button__text--complementario-3-hover,.c-button:active .c-button__text--complementario-3-hover,.c-button:focus .c-button__text--complementario-3-hover{color:var(--color-complementario-3)}.c-button:hover .c-button__text--text-oscuro-hover,.c-button:active .c-button__text--text-oscuro-hover,.c-button:focus .c-button__text--text-oscuro-hover{color:var(--color-text-oscuro)}.c-button:hover .c-button__text--text-gray-hover,.c-button:active .c-button__text--text-gray-hover,.c-button:focus .c-button__text--text-gray-hover{color:var(--color-text-gray)}.c-button:hover .c-button__text--body-hover,.c-button:active .c-button__text--body-hover,.c-button:focus .c-button__text--body-hover{color:var(--color-body)}.c-button:hover .c-button__text--success-hover,.c-button:active .c-button__text--success-hover,.c-button:focus .c-button__text--success-hover{color:var(--color-success)}.c-button:hover .c-button__text--error-hover,.c-button:active .c-button__text--error-hover,.c-button:focus .c-button__text--error-hover{color:var(--color-error)}.c-button__icon{transition-duration:.2s}.c-button__icon svg{width:15px;height:15px}@media (min-width: 992px){.c-button__icon svg{width:22px;height:22px}}.c-button__icon path{fill:#fff}.c-button__icon--white path{fill:#fff}.c-button__icon--black path{fill:#000}.c-button__icon--primary path{fill:var(--color-primary)}.c-button__icon--secundary path{fill:var(--color-secundary)}.c-button__icon--complementario-1 path{fill:var(--color-complementario-1)}.c-button__icon--complementario-2 path{fill:var(--color-complementario-2)}.c-button__icon--complementario-3 path{fill:var(--color-complementario-3)}.c-button__icon--text-oscuro path{fill:var(--color-text-oscuro)}.c-button__icon--text-gray path{fill:var(--color-text-gray)}.c-button__icon--body path{fill:var(--color-body)}.c-button__icon--success path{fill:var(--color-success)}.c-button__icon--error path{fill:var(--color-error)}.c-button:hover .c-button__icon--white-hover path,.c-button:active .c-button__icon--white-hover path,.c-button:focus .c-button__icon--white-hover path{fill:#fff}.c-button:hover .c-button__icon--black-hover path,.c-button:active .c-button__icon--black-hover path,.c-button:focus .c-button__icon--black-hover path{fill:#000}.c-button:hover .c-button__icon--primary-hover path,.c-button:active .c-button__icon--primary-hover path,.c-button:focus .c-button__icon--primary-hover path{fill:var(--color-primary)}.c-button:hover .c-button__icon--secundary-hover path,.c-button:active .c-button__icon--secundary-hover path,.c-button:focus .c-button__icon--secundary-hover path{fill:var(--color-secundary)}.c-button:hover .c-button__icon--complementario-1-hover path,.c-button:active .c-button__icon--complementario-1-hover path,.c-button:focus .c-button__icon--complementario-1-hover path{fill:var(--color-complementario-1)}.c-button:hover .c-button__icon--complementario-2-hover path,.c-button:active .c-button__icon--complementario-2-hover path,.c-button:focus .c-button__icon--complementario-2-hover path{fill:var(--color-complementario-2)}.c-button:hover .c-button__icon--complementario-3-hover path,.c-button:active .c-button__icon--complementario-3-hover path,.c-button:focus .c-button__icon--complementario-3-hover path{fill:var(--color-complementario-3)}.c-button:hover .c-button__icon--text-oscuro-hover path,.c-button:active .c-button__icon--text-oscuro-hover path,.c-button:focus .c-button__icon--text-oscuro-hover path{fill:var(--color-text-oscuro)}.c-button:hover .c-button__icon--text-gray-hover path,.c-button:active .c-button__icon--text-gray-hover path,.c-button:focus .c-button__icon--text-gray-hover path{fill:var(--color-text-gray)}.c-button:hover .c-button__icon--body-hover path,.c-button:active .c-button__icon--body-hover path,.c-button:focus .c-button__icon--body-hover path{fill:var(--color-body)}.c-button:hover .c-button__icon--success-hover path,.c-button:active .c-button__icon--success-hover path,.c-button:focus .c-button__icon--success-hover path{fill:var(--color-success)}.c-button:hover .c-button__icon--error-hover path,.c-button:active .c-button__icon--error-hover path,.c-button:focus .c-button__icon--error-hover path{fill:var(--color-error)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/c-button.css.map */
