selector::before {
 position: absolute;
 content: "";
 top: -4%;
 left: 50%;
 width: 90%;
 height: 90%;
 transform: translate(-50%);
 background: #ced8ff;
 z-index: -1;
 transform-origin: bottom;
 border-radius: inherit;
 transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}
selector:hover::before {
 rotate: -8deg;
 top: 0;
 width: 100%;
 height: 100%;
}
selector::after {
 position: absolute;
 content: "";
 top: -8%;
 left: 50%;
 width: 80%;
 height: 80%;
 transform: translate(-50%);
 background: #e7ecff;
 z-index: -2;
 transform-origin: bottom;
 border-radius: inherit;
 transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1);
}
selector:hover::after {
 rotate: 8deg;
 top: 0;
 width: 100%;
 height: 100%;
}