Iso Tilt

.btn-iso-tilt {
  display: inline-block;
  padding: 13px 30px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(180deg, #6366f1, #4338ca);
  color: #ffffff;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transform: perspective(600px) rotateX(22deg);
  transform-origin: center bottom;
  box-shadow: 0 10px 18px -6px rgba(67, 56, 202, 0.6);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn-iso-tilt:hover {
  transform: perspective(600px) rotateX(0deg) translateY(-2px);
  box-shadow: 0 14px 24px -8px rgba(67, 56, 202, 0.7);
}
.btn-iso-tilt:active {
  transform: perspective(600px) rotateX(0deg) translateY(1px);
}