# ultimate-store-kit/2.0.3/assets/css/usk-florence-carousel.css

Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder, version 2.0.3. 51 lines.

- Page: https://pluginprobe.com/plugins/ultimate-store-kit/2.0.3/code/assets/css/usk-florence-carousel.css
- Raw: https://pluginprobe.com/plugins/ultimate-store-kit/2.0.3/raw/assets/css/usk-florence-carousel.css
- Modified: 2024-08-21T05:09:40+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.3/code/assets/css/usk-florence-carousel.css#L10-L20`.

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