# ultimate-store-kit/2.0.5/assets/css/usk-florence-grid.css

Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder, version 2.0.5. 48 lines.

- Page: https://pluginprobe.com/plugins/ultimate-store-kit/2.0.5/code/assets/css/usk-florence-grid.css
- Raw: https://pluginprobe.com/plugins/ultimate-store-kit/2.0.5/raw/assets/css/usk-florence-grid.css
- Modified: 2024-08-27T11:20:32+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ultimate-store-kit/2.0.5/code/assets/css/usk-florence-grid.css#L10-L20`.

```css
.usk-florence-grid .usk-item {
  box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
  overflow: hidden;
}
.usk-florence-grid .usk-item:hover .usk-shoping a {
  transform: translateX(0px);
}
.usk-florence-grid .usk-shoping {
  bottom: clamp(10px, 1vw, 25px);
  right: clamp(10px, 1vw, 25px);
}
.usk-florence-grid .usk-shoping a {
  transform: translateX(25px);
}
.usk-florence-grid .usk-badge-label-wrapper {
  left: 0;
  top: 0;
}
.usk-florence-grid .usk-content {
  background: #fff;
}
.usk-florence-grid .usk-grid-layout .usk-price {
  margin: 0;
}
.usk-florence-grid .usk-grid-layout .usk-have-rating .usk-price {
  opacity: 1;
  transition: all 0.3s ease;
  transform: translateY(0);
}
.usk-florence-grid .usk-grid-layout .usk-have-rating .usk-rating {
  transform: translateY(0);
  opacity: 0;
  transition: all 0.3s ease;
}
.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;
}
.usk-florence-grid .usk-grid-layout .usk-rating {
  position: absolute;
  width: 100%;
  display: flex;
}
```