Shadows

box-shadow: x-offset y-offset blur spread color;

.card { box-shadow: 0 4px 12px rgb(0 0 0 / 10%); }
.card:hover { box-shadow: 0 16px 32px rgb(0 0 0 / 15%); }
.inset { box-shadow: inset 0 2px 4px rgb(0 0 0 / 20%); }
.layered {
  box-shadow:
    0 1px 2px rgb(0 0 0 / 8%),
    0 8px 24px rgb(0 0 0 / 12%);
}