.swatch-cta{display:flex;align-items:stretch;gap:14px;margin:14px 0 18px;padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.swatch-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff59,#fff0 55%);pointer-events:none}.swatch-cta--cream{background:#f3e8d6;border-color:#78501e2e}.swatch-cta--warm{background:#e9d4b6;border-color:#78501e38}.swatch-cta--neutral{background:#f4f1ec;border-color:#0000001a}.swatch-cta:hover,.swatch-cta:focus-visible{border-color:#78501e73;transform:translateY(-1px);box-shadow:0 6px 18px #321e0a14;outline:none}.swatch-cta__media{flex:0 0 88px;width:88px;height:88px;border-radius:8px;overflow:hidden;background:#0000000a;display:block;position:relative;z-index:1}.swatch-cta__media img{width:100%;height:100%;object-fit:cover;display:block}.swatch-cta__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;position:relative;z-index:1}.swatch-cta__eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#3c280fb3}.swatch-cta__heading{font-size:15px;font-weight:600;line-height:1.3;color:#2a1d0a}.swatch-cta__copy{font-size:13px;line-height:1.45;color:#281c0cc7;margin-top:2px}.swatch-cta__action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.swatch-cta__cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#2a1d0a;text-decoration:none}.swatch-cta__arrow{width:14px;height:14px;transition:transform .18s ease}.swatch-cta:hover .swatch-cta__arrow,.swatch-cta:focus-visible .swatch-cta__arrow{transform:translate(3px)}.swatch-cta__price{font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;background:#ffffff8c;color:#2a1d0a;letter-spacing:.01em}@media(max-width:480px){.swatch-cta{padding:10px;gap:10px}.swatch-cta__media{flex:0 0 72px;width:72px;height:72px}.swatch-cta__heading{font-size:14px}.swatch-cta__copy{font-size:12.5px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-swatch-cta.css.map */