.p1 {
  width: 90vw;
  max-width: 900px;
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 33px 15px rgba(13, 192, 123, 0.434);
  transform: scale(0);
  animation: appearScale 0.5s forwards ease-out;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  margin: 20px auto;
  text-decoration: none;
}

@keyframes appearScale {
  to {
    transform: scale(1);
  }
  
}
.p1:hover {
  transform: scale(1.05);
  box-shadow: 0 40px 25px rgba(12, 3, 172, 0.478);
}