:root { --usk-fg-shadow-color: rgba(149, 157, 165, 0.2); --usk-fg-spacing-min: 10px;
--usk-fg-spacing-max: 25px;
--usk-fg-offset: 25px; --usk-fg-transition: 0.3s ease;
} .usk-florence-grid .usk-item {
box-shadow: 0 8px 24px var(--usk-fg-shadow-color);
overflow: hidden;
} .usk-florence-grid .usk-shoping {
bottom: clamp(var(--usk-fg-spacing-min), 1vw, var(--usk-fg-spacing-max));
right: clamp(var(--usk-fg-spacing-min), 1vw, var(--usk-fg-spacing-max));
}
.usk-florence-grid .usk-shoping a {
transform: translateX(var(--usk-fg-offset));
transition: transform var(--usk-fg-transition);
}
.usk-florence-grid .usk-item:hover .usk-shoping a {
transform: translateX(0);
} .usk-florence-grid .usk-badge-label-wrapper {
left: 0;
top: 0;
} .usk-florence-grid .usk-grid-layout .usk-price {
margin: 0;
} .usk-florence-grid .usk-grid-layout .usk-have-rating .usk-price,
.usk-florence-grid .usk-grid-layout .usk-have-rating .usk-rating {
transition: all var(--usk-fg-transition);
} .usk-florence-grid .usk-grid-layout .usk-have-rating .usk-price {
opacity: 1;
transform: translateY(0);
} .usk-florence-grid .usk-grid-layout .usk-have-rating .usk-rating {
position: absolute;
width: 100%;
display: flex;
transform: translateY(0);
opacity: 0;
} .usk-florence-grid .usk-grid-layout .usk-have-rating:hover .usk-rating {
transform: translateY(-20px);
opacity: 1;
}
.usk-florence-grid .usk-grid-layout .usk-have-rating:hover .usk-price {
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
}