.wrapper{display:grid;place-items:center;height:100dvh;grid-template-columns:minmax(0,1fr)}.slider-container{border-radius:3rem;padding:4rem;width:980px;max-width:95%;height:650px;max-height:80dvh;margin:0 auto;display:grid;grid-template-columns:4fr 1fr 1fr;transition:grid-template-columns .8s cubic-bezier(.22,.61,.36,1)}.slider-container:has(.slide:nth-child(2):hover,.slide:nth-child(2):focus-within){grid-template-columns:1fr 4fr 1fr}.slider-container:has(.slide:nth-child(3):hover,.slide:nth-child(3):focus-within){grid-template-columns:1fr 1fr 4fr}.slide{padding:0 .25rem;overflow:clip;height:100%;position:relative;cursor:pointer;display:grid;container:slide/inline-size}.slide img{object-fit:cover;width:100%;height:100%}.slide a,.slide img{border-radius:2rem;grid-area:1/1}.slide a{margin-bottom:3rem;margin-right:3rem;background:#fff;padding:1.5rem 3rem;text-decoration:none;color:#000;font-size:1.5rem;transform-origin:bottom right;display:flex;align-items:center;gap:.3rem;outline:none;position:absolute;place-self:end;transform:scale(0);opacity:0;transition:.3s cubic-bezier(.22,.61,.36,1);transition-property:transform,opacity}@container (max-width: 400px){.slide a{font-size:1.1rem;padding:.8rem 1.5rem}}.slide:focus-within a,.slide:hover a{transform:scale(1);opacity:1;transition-delay:.2s}.slide:first-child:not(:has(~.slide:hover,~.slide:focus-within)) a{transform:scale(1);opacity:1}