.collage-wrapper{display:flex;gap:13px;width:100%;max-width:1400px;margin:0 auto;align-items:stretch}.collage-large{position:relative;flex:0 0 calc(50% - 6.5px);overflow:hidden}.collage-right{flex:0 0 calc(50% - 6.5px);display:flex;flex-direction:column;gap:16px}.collage-small{position:relative;flex:1;overflow:hidden}.collage-image-link{display:block;width:100%;height:100%}.collage-large img,.collage-small img{display:block;width:100%;height:100%;object-fit:cover}.free-sample-button{position:absolute;right:clamp(16px,2.2vw,32px);bottom:clamp(22px,3vw,67px);min-width:clamp(160px,14vw,205px);height:clamp(42px,3.5vw,52px);padding:0 clamp(18px,2vw,28px);display:inline-flex;align-items:center;justify-content:center;gap:clamp(7px,.7vw,10px);box-sizing:border-box;background:linear-gradient(105deg,#263b18,#354d20 28%,#57452d 62%,#704936 82%,#7d503b);color:#fff;border:1px solid rgba(239,225,194,.7);border-radius:999px;font-size:clamp(12px,.95vw,15px);font-weight:600;line-height:1;letter-spacing:.2px;white-space:nowrap;text-decoration:none;text-align:center;box-shadow:0 9px 25px #19160c61,0 3px 9px #2d1e1240,inset 0 1px #ffffff2e;overflow:hidden;isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s ease,background .3s ease,box-shadow .3s ease,border-color .3s ease}.free-sample-button:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(180deg,#ffffff1c,#ffffff06 45%,#0000000f);z-index:1;pointer-events:none}.free-sample-button-text{position:relative;z-index:5;display:inline-block;color:#fff;font-size:inherit;font-weight:600;line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .3s ease,color .3s ease}.free-sample-button-arrow{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;padding:0;margin:0;color:#fff;font-size:17px;font-weight:400;line-height:1;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .3s ease,color .3s ease}.free-sample-button-shine{position:absolute;top:-80%;left:-100px;width:45px;height:260%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 15%,rgba(255,255,255,.18) 35%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.18) 65%,rgba(255,255,255,.04) 85%,transparent 100%);transform:rotate(22deg);z-index:3;pointer-events:none;opacity:0;animation:freeSampleShine 3.2s ease-in-out infinite}@keyframes freeSampleShine{0%{left:-100px;opacity:0}8%{opacity:1}45%{left:125%;opacity:1}50%{left:125%;opacity:0}to{left:125%;opacity:0}}.free-sample-button:hover{background:linear-gradient(105deg,#1d3012,#2b4218 28%,#463720 62%,#5d3b2c 82%,#684333);color:#fff;border-color:#ffefcff2;transform:translateY(-3px);box-shadow:0 14px 32px #19160c7a,0 5px 12px #2d1e124d,inset 0 1px #ffffff38;text-decoration:none}.free-sample-button:hover .free-sample-button-text{color:#fff}.free-sample-button:hover .free-sample-button-arrow{color:#fff;transform:translate(4px)}.free-sample-button:active{transform:translateY(-1px) scale(.985)}.free-sample-button:focus-visible{outline:2px solid #efe1c2;outline-offset:3px}@media screen and (min-width:769px)and (max-width:1100px){.collage-wrapper,.collage-right{gap:10px}.free-sample-button{right:18px;bottom:24px;min-width:160px;height:44px;padding:0 18px;font-size:13px;gap:7px}.free-sample-button-arrow{flex-basis:19px;width:19px;height:19px;font-size:15px}}@media screen and (max-width:768px){.collage-wrapper{display:flex;gap:8px;width:100%;max-width:1400px;margin:0 12px}.collage-large{flex:0 0 calc(50% - 4px)}.collage-right{flex:0 0 calc(50% - 4px);gap:8px}.free-sample-button{right:10px;bottom:14px;min-width:125px;height:38px;padding:0 13px;gap:5px;font-size:11px;border-radius:999px}.free-sample-button-arrow{flex-basis:17px;width:17px;height:17px;font-size:14px}.free-sample-button-shine{width:35px}}@media screen and (max-width:480px){.collage-wrapper{gap:6px;margin:0 8px}.collage-right{gap:6px}.free-sample-button{right:7px;bottom:10px;min-width:105px;height:32px;padding:0 10px;gap:4px;font-size:9px;letter-spacing:0}.free-sample-button-arrow{flex-basis:15px;width:15px;height:15px;font-size:12px}.free-sample-button-shine{width:28px}}@media screen and (max-width:360px){.free-sample-button{right:5px;bottom:8px;min-width:92px;height:29px;padding:0 8px;font-size:8px;gap:3px}.free-sample-button-arrow{flex-basis:14px;width:14px;height:14px;font-size:11px}}@media(prefers-reduced-motion:reduce){.free-sample-button,.free-sample-button-text,.free-sample-button-arrow{transition:none!important}.free-sample-button-shine{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/multimedia-collage.css.map */