.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);position:absolute;z-index:2}.quick-view-button__button.outline{border-radius:50%;background-color:var(--bg-color-white);line-height:0;margin:0;padding:0;position:relative;border-color:var(--border-color);width:var(--quick-view-button-size);height:var(--quick-view-button-size);color:var(--primary-color)}.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 (max-width: 1024px){.quick-view-button{--quick-view-button-size: var(--spacing-x-large);--quick-view-icon-size: var(--spacing-normal)}}