.quick-view-button{--quick-view-button-size:2.5rem;--quick-view-icon-size:var(--spacing-large);bottom:var(--spacing-x-small);right:var(--spacing-x-small);z-index:2;position:absolute}.quick-view-button__button.outline{background-color:var(--bg-color-white);border-color:var(--border-color);width:var(--quick-view-button-size);height:var(--quick-view-button-size);color:var(--primary-color);border-radius:50%;margin:0;padding:0;line-height:0;position:relative}.quick-view-button__button.outline svg.icon{height:var(--quick-view-icon-size);width:var(--quick-view-icon-size)}.quick-view-button__button.outline svg.icon path:first-of-type{fill:none}.quick-view-button__button.outline svg.icon path:last-of-type{stroke:currentColor}.quick-view-button__button.outline .loading__spinner{width:var(--quick-view-icon-size);color:var(--bg-color-white)}.quick-view-button__button.outline.loading .icon{opacity:0}[dir=rtl] .quick-view-button{right:unset;left:var(--spacing-x-small)}@media (width<=1024px){.quick-view-button{--quick-view-button-size:var(--spacing-x-large);--quick-view-icon-size:var(--spacing-normal)}}