.p-shadow-1 {
  box-shadow: 0 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
}

.p-shadow-2 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.p-shadow-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.p-shadow-4 {
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

.p-to-shadow-4,
.p-to-shadow-3,
.p-to-shadow-2,
.p-to-shadow-1 {
  transition-timing-function: ease;
  transition: box-shadow 0.5s;
}

.p-to-shadow-1:hover {
  box-shadow: 0 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
}

.p-to-shadow-2:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.p-to-shadow-3:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.p-to-shadow-4:hover {
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

.p-blur-1{
  backdrop-filter: saturate(180%) blur(20px);
  background: rgba(0,0,0,.1);
}

.p-blur-2{
  backdrop-filter: saturate(200%) blur(30px);
  background: rgba(0,0,0,.1);
}

.p-blur-3{
  backdrop-filter: saturate(200%) blur(45px);
  background: rgba(0,0,0,.1);
}

.p-blur-4{
  backdrop-filter: saturate(200%) blur(81px);
  background: rgba(0,0,0,.1);
}