.block-collection-list { position: relative; } @media (max-width: 959px) { .block-collection-list > li.multi-col-row { grid-row: var(--mobile-grid-row); grid-column: var(--mobile-grid-column); scroll-snap-align: var(--mobile-scroll-snap-align); } } @media (max-width: 959px) { .block-collection-list.full-screen { gap: 0; width: var(--body-container-width); } } .block-collection-list__theme-carousel { display: flex; flex-direction: column; align-items: center; width: 100%; } .block-collection-list__capsule { margin-block-start: 30px; } .block-collection-list__button { position: absolute; inset-block-start: 50%; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; color: rgb(0 0 0 / 100%); background-color: rgb(255 255 255 / 100%); border: 0; border-radius: 50%; box-shadow: 0 4px 10px rgb(0 0 0 / 15%); } .block-collection-list__button:disabled { display: none; } .block-collection-list__button--previous { inset-inline-start: 0; transform: translate(-50%, -50%); } .block-collection-list__button--previous svg { transform: rotate(180deg); } .block-collection-list__button--next { inset-inline-end: 0; transform: translate(50%, -50%); }