button{border:0;border-radius:0;display:inline-block;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .5s ease-in-out,border-color .5s ease-in-out,color .5s ease-in-out,opacity .25s ease-in-out}.btn,.button,.button[role=button],input.button[type=submit],.shopify-challenge__button{height:33px;padding:5px 20px 6px;border-radius:48px;font-size:13px;line-height:1.5;font-weight:500;transition:background-color .5s ease-in-out,border-color .5s ease-in-out,color .5s ease-in-out,opacity .25s ease-in-out}@media screen and (min-width: 750px){.btn,.button,.button[role=button],input.button[type=submit]{height:35.5px;padding:5px 28px 7px;font-size:14px}}.button span,.button[role=button] span,input.button[type=submit] span{transition:color .5s ease-in-out}.button--primary,.shopify-challenge__button{background-color:rgb(var(--elpaso));border:solid 1px rgb(var(--elpaso));color:rgb(var(--white))}@media (hover: hover){.button--primary:hover,.shopify-challenge__button:hover{background-color:rgba(var(--elpaso),.85);border-color:rgba(var(--elpaso),.85)}}.button--secondary{border:solid 1px rgb(var(--elpaso));background-color:transparent;color:rgb(var(--elpaso))}@media (hover: hover){.button--secondary:hover{background-color:rgb(var(--elpaso));color:rgb(var(--white))}}.button--tertiary{background-color:rgb(var(--white));border:solid 1px rgb(var(--white));color:rgb(var(--elpaso))}@media (hover: hover){.button--tertiary:hover{background-color:transparent;color:rgb(var(--white))}}.button--quaternary{background-color:transparent;color:rgb(var(--white));border:solid 1px rgb(var(--white))}@media (hover: hover){.button--quaternary:hover{background-color:rgb(var(--white));color:rgb(var(--black))}}.button--text{display:inline-block;position:relative;background-color:transparent;color:rgb(var(--black));padding:0;font-size:.875rem;line-height:1.5;font-weight:500}.button--text:after{content:"";display:block;position:absolute;bottom:-1px;width:100%;height:1px;background-color:rgba(var(--black),.2);transition:transform .5s ease-in-out,background-color .5s ease-in-out}@media (hover: hover){.button--text:hover:after{background-color:rgba(var(--black),.8);transform:translateY(4px)}}.button span,button span{text-transform:lowercase}.button .spinner circle,button .spinner circle{stroke:rgba(var(--white),.6)}
/*# sourceMappingURL=/cdn/shop/t/278/assets/component-buttons.css.map?v=64741301584502021151693958081 */
