.text-with-button-section{position:relative;overflow:hidden}.text-with-button-section .page-width{position:relative}.text-with-button-section .button{border-radius:.6rem;padding:1.5rem 2.5rem;font-size:1.8rem}.text-with-button-section .button:before{content:unset}.text-with-button-section .button:after{content:unset}.text-with-button-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:3}.text-with-button-section .text-content{padding:7.2rem 21rem 7.2rem 9rem;border-radius:2rem;overflow:hidden;position:relative}.text-with-button-image{position:absolute;top:50%;right:-1rem;transform:translateY(-50%);z-index:1;pointer-events:none}.text-with-button-image img{max-width:36.4rem;max-height:25rem;width:auto;height:auto;object-fit:contain;filter:brightness(1.1) contrast(.9)}.text-with-button-text{flex:1}.text-with-button-heading{margin:0 0 .8rem;color:rgb(var(--color-foreground));font-size:3.2rem}.text-with-button-subtext{margin:0;color:rgba(var(--color-foreground));font-size:2rem}.text-with-button-subtext p{margin:0}.text-with-button-cta{flex-shrink:0}@media screen and (max-width: 749px){.text-with-button-content{flex-direction:column;text-align:center;gap:1.5rem}.text-with-button-section .text-content{padding:4rem 2rem}.text-with-button-subtext{font-size:1rem}.text-with-button-btn{width:100%;max-width:20rem}.text-with-button-image{position:relative;top:auto;right:auto;transform:none;text-align:center;margin-top:1rem}.text-with-button-image img{max-width:20rem;max-height:15rem}}@media screen and (min-width: 750px) and (max-width: 989px){.text-with-button-content{gap:1.5rem}.text-with-button-section .text-content{padding:2rem}.text-with-button-heading.h1{font-size:2.8rem}.text-with-button-subtext{font-size:1.8rem}.text-with-button-btn{min-width:12rem}.text-with-button-image img{max-width:25rem;max-height:20rem}}@media screen and (max-width : 749px){.text-with-button-image{display:none}.text-with-button-section .text-content{padding:1.6rem}.text-with-button-subtext{font-size:1.6rem;text-align:left}.text-with-button-heading h1{font-size:2.6rem;text-align:left}.text-with-button-content{align-items:flex-start;text-align:left}.text-with-button-cta,.text-with-button-cta a{width:100%}}@media (prefers-contrast: high){.text-with-button-btn{border-width:.2rem;border-style:solid}.text-with-button-btn:hover{border-color:rgb(var(--color-button))}}@media (prefers-reduced-motion: reduce){.text-with-button-btn,.text-with-button-btn:before{transition:none}.text-with-button-btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/183/assets/text-with-button.css.map */
