#circle {
    width: 200px;
    height: 200px;
    background-color: rgb(253, 193, 193);
    border-radius: 50%;
    margin: 50px;
    position: relative;
    transform:translate(100px) rotateX(55deg)rotateZ(5deg); 
    box-shadow: 1px 2px 10px rgba(255, 215, 215, 0.95),
     5px 24px 14px rgb(78 26 26 / 50%);
     transition: 0.5s ease-in-out transform, 0.5s ease-in-out box-shadow ;

}

#circle:hover{
transform: translateX( 100px) translateY( -24px) rotateX( 55deg)rotateZ(45deg );
box-shadow: 1px 2px 10px rgba(255, 215, 215, 0.95),
10px 30px 14px rgb(78 26 26 / 50%);

}