.careers-text-cards{--global-padding-x:clamp(12px, calc(12px + 18*(100vw - 680px)) , 30px);--section-padding:clamp(40px, calc(40px + 10*(100vw - 1439px)) , 50px) 0;--section-max-width:1288px;--header-margin-bottom:clamp(24px, calc(24px + 2*(100vw - 680px)) , 26px)}.careers-text-cards-container{width:calc(100% - var(--global-padding-x) * 2);max-width:var(--section-max-width);padding:var(--section-padding);margin:0 auto}.careers-text-cards-header{display:flex;justify-content:center;margin-bottom:var(--header-margin-bottom)}.careers-text-cards-title{text-align:center}.careers-text-cards-grid{--grid-flex-columns:4;--grid-flex-horizontal-gap:24px;--grid-flex-vertical-gap:18px;--grid-flex-item-max-width:304px}.careers-text-cards-card>*{position:relative;z-index:1}.careers-text-cards-card{--item-padding:clamp(20px, calc(20px + 4*(100vw - 680px)) , 24px);position:relative;display:flex;flex-direction:column;background-color:var(--primary-background-color);padding:var(--item-padding);border-radius:clamp(16px,calc(16px + 4*(100vw - 680px)),20px);overflow:hidden}.careers-text-cards-card:before{content:"";position:absolute;top:0;left:0;visibility:hidden;opacity:0;width:100%;height:100%;background:linear-gradient(0deg,#d9dacd,#84857d 245%);transition:.2s ease}.careers-text-cards-card-title{margin-bottom:clamp(8px,calc(8px + 8*(100vw - 680px)),16px);font-size:clamp(22px,calc(22px + (32 - 22) * ((100vw - 360px) / 1080)),32px);line-height:clamp(28px,calc(28px + (40 - 28) * ((100vw - 360px) / 1080)),40px)}.careers-text-cards-card-button{--width:119px;align-self:flex-start;margin-top:auto}@media(max-width:1348px){.careers-text-cards-grid{--grid-flex-columns:2;--grid-flex-horizontal-gap:clamp(14px, calc(14px + 4*(100vw - 1023px)) , 18px);--grid-flex-vertical-gap:clamp(14px, calc(14px + 4*(100vw - 1023px)) , 18px)}}@media(max-width:1023px){.careers-text-cards{--section-padding:30px 0}}@media(max-width:692px){.careers-text-cards-grid{--grid-flex-columns:1}}@media(max-width:680px){.careers-text-cards-header{justify-content:flex-start}.careers-text-cards-title{text-align:left}.careers-text-cards-grid{--grid-flex-vertical-gap:12px;--grid-flex-item-max-width:336px}}@media(hover:hover){.careers-text-cards-card:hover:before{visibility:visible;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/css-careers-text-cards.css.map */