.iv-hover-shadow-premium {
--iv-premium-shadow-border:
rgba(15, 23, 42, 0.075);
--iv-premium-shadow-border-hover:
rgba(15, 23, 42, 0.105);
--iv-premium-shadow-rest:
0 10px 30px rgba(15, 23, 42, 0.035),
0 2px 8px rgba(15, 23, 42, 0.025);
--iv-premium-shadow-hover:
0 12px 34px rgba(15, 23, 42, 0.045),
0 2px 9px rgba(15, 23, 42, 0.03);
border:
1px solid
var(--iv-premium-shadow-border);
box-shadow:
var(--iv-premium-shadow-rest);
transition:
border-color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease;
}
@media (hover: hover) and (pointer: fine) {
.iv-hover-shadow-premium:hover {
border-color:
var(--iv-premium-shadow-border-hover);
box-shadow:
var(--iv-premium-shadow-hover);
transform:
translateY(-1px);
}
}
@media (prefers-reduced-motion: reduce) {
.iv-hover-shadow-premium {
transition: none;
}
}