.oddit-section-image-overlay-cta{position:relative;overflow:hidden;width:100%;min-height:700px;background-color:#fff;-webkit-tap-highlight-color:transparent}@media screen and (min-width:990px){.oddit-section-image-overlay-cta{min-height:696px}}.oddit-section-image-overlay-cta__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.oddit-section-image-overlay-cta__bg-image{width:100%;height:100%;object-fit:cover}.oddit-section-image-overlay-cta__bg-image--desktop{display:none;object-position:top}.oddit-section-image-overlay-cta__bg-image--mobile{display:block}@media screen and (min-width:990px){.oddit-section-image-overlay-cta__bg-image--desktop{display:block}.oddit-section-image-overlay-cta__bg-image--mobile{display:none}}.oddit-section-image-overlay-cta__card{position:absolute;bottom:24px;left:16px;width:328px;max-width:calc(100% - 32px);background-color:#000;border-radius:10px;padding:32px 24px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;overflow:clip;box-sizing:border-box;z-index:2}@media screen and (min-width:990px){.oddit-section-image-overlay-cta__card{top:50%;bottom:auto;transform:translateY(-50%);left:calc(50% + 57px);width:551px;max-width:551px;padding:64px;gap:48px;align-items:center}.oddit-section-image-overlay-cta--position-left .oddit-section-image-overlay-cta__card{left:48px}}.oddit-section-image-overlay-cta--scheme-light .oddit-section-image-overlay-cta__card{background-color:#fff}.oddit-section-image-overlay-cta--scheme-light .oddit-section-image-overlay-cta__eyebrow,.oddit-section-image-overlay-cta--scheme-light .oddit-section-image-overlay-cta__heading,.oddit-section-image-overlay-cta--scheme-light .oddit-section-image-overlay-cta__description{color:#000}@media screen and (min-width:990px){.oddit-section-image-overlay-cta--align-left .oddit-section-image-overlay-cta__card{align-items:flex-start}.oddit-section-image-overlay-cta--align-left .oddit-section-image-overlay-cta__content{align-items:flex-start;text-align:left}.oddit-section-image-overlay-cta--align-left .oddit-section-image-overlay-cta__eyebrow,.oddit-section-image-overlay-cta--align-left .oddit-section-image-overlay-cta__heading,.oddit-section-image-overlay-cta--align-left .oddit-section-image-overlay-cta__description{text-align:left}}.oddit-section-image-overlay-cta__eyebrow{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:12px;line-height:1.4;color:#fff;letter-spacing:1.44px;text-transform:uppercase;text-align:center;white-space:nowrap;margin:0}@media screen and (min-width:990px){.oddit-section-image-overlay-cta__eyebrow{font-size:14px;letter-spacing:1.68px}}.oddit-section-image-overlay-cta__content{display:flex;flex-direction:column;gap:16px;width:100%}@media screen and (min-width:990px){.oddit-section-image-overlay-cta__content{align-items:center;text-align:center}}.oddit-section-image-overlay-cta__heading{font-family:PP Hatton Ultralight,serif;font-weight:200;font-size:30px;line-height:1.25;color:#fff;margin:0}@media screen and (min-width:990px){.oddit-section-image-overlay-cta__heading{font-size:40px;line-height:1.1;text-align:center}}.oddit-section-image-overlay-cta__description{font-family:Instrument Sans,sans-serif;font-weight:400;font-size:15px;line-height:1.5;color:#fff;margin:0}.oddit-section-image-overlay-cta__description p,.oddit-section-image-overlay-cta__heading p{margin-bottom:0}@media screen and (min-width:990px){.oddit-section-image-overlay-cta__description{font-size:16px;text-align:center}}.oddit-section-image-overlay-cta__cta{display:inline-flex;align-items:center;justify-content:center;height:41px;padding:12px 32px;border:2px solid #ffd0d3;border-radius:6px;background:transparent;color:#ffd0d3;font-family:Instrument Sans,sans-serif;font-weight:600;font-size:14px;line-height:normal;letter-spacing:.42px;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background-color .3s ease,color .3s ease}.oddit-section-image-overlay-cta__cta:hover{background-color:#ffd0d3;color:#000}.oddit-section-image-overlay-cta__cta:focus-visible{outline:2px solid #ffd0d3;outline-offset:2px}@media screen and (min-width:990px){.oddit-section-image-overlay-cta__cta{height:49px;padding:16px 32px}}
/*# sourceMappingURL=/cdn/shop/t/177/assets/oddit-section-image-overlay-cta.css.map */
