.banner__buttons .button{background-color:var(--button-bg-color, var(--color-button));color:var(--button-text-color, var(--color-button-text));border-radius:var(--button-border-radius, 0);padding:var(--button-padding, 1.5rem 3rem);font-size:var(--button-font-size, 1.5rem);line-height:var(--button-line-height, 1.5);border-width:var(--button-border-width, 1px);font-weight:var(--button-font-weight, 400);min-width:var(--button-min-width, auto);transition:transform .1s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out}.banner__buttons .button:hover{background-color:var(--button-bg-hover-color, var(--button-bg-color, var(--color-button)));color:var(--button-text-hover-color, var(--button-text-color, var(--color-button-text)));transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.banner__buttons .button:active,.banner__buttons .button:focus{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.banner__buttons .button--secondary{background-color:var(--secondary-button-bg-color, transparent);color:var(--secondary-button-text-color, var(--color-button));border:var(--button-border-width, 1px) solid var(--secondary-button-border-color, var(--color-button))}.banner__buttons .button--secondary:hover{background-color:var(--secondary-button-bg-hover-color, rgba(var(--color-button), .1));color:var(--secondary-button-text-hover-color, var(--color-button))}.banner__buttons[data-button-size=small] .button{--button-padding: .75rem 1.5rem;--button-font-size: 1.2rem;--button-min-width: 10rem}.banner__buttons[data-button-size=medium] .button{--button-padding: 1rem 2rem;--button-font-size: 1.4rem;--button-min-width: 12rem}.banner__buttons[data-button-size=large] .button{--button-padding: 1.25rem 2.5rem;--button-font-size: 1.6rem;--button-min-width: 15rem}.banner__buttons[data-button-shape=square] .button{--button-border-radius: 0}.banner__buttons[data-button-shape=rounded] .button{--button-border-radius: 8px}.banner__buttons[data-button-shape=pill] .button{--button-border-radius: 50px}@media screen and (max-width: 749px){.banner__buttons .button{width:100%;margin-bottom:1rem}.banner__buttons .button:last-child{margin-bottom:0}.banner__buttons--multiple{flex-direction:column;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/300/assets/custom-banner-buttons.css.map */