Kart 23

.card23 {
width: 190px;
height: 254px;
background: rgb(255, 255, 255);
border: 2px solid rgb(255, 68, 0);
border-radius: 20px;
}

.card23:hover {
width: 190px;
height: 254px;
background: rgb(255, 255, 255);
border: 2px solid rgb(200, 200, 200);
border-radius: 20px;
background-color: #dfdfdf;
transition: all .5s;
}

.secondAnimation {
--hoverContorno: #959595;
}

.secondAnimation:hover,
.secondAnimation:focus {
-webkit-animation: card23Animacion 1.4s;
animation: card23Animacion 1.4s;
box-shadow: 0 0 0 0.8em rgba(255, 255, 255, 0);
border-radius: 20px;
}

@-webkit-keyframes card23Animacion {
0% {
box-shadow: 0 0 0 0 var(--hoverContorno);
}
}

@keyframes card23Animacion {
0% {
box-shadow: 0 0 0 0 var(--hoverContorno);
}
}