Kart 21

.card21 {
width: 190px;
height: 254px;
border-radius: 20px;
background: #f5f5f5;
position: relative;
padding: 1.8rem;
border: 2px solid #c3c6ce;
transition: 0.5s ease-out;
overflow: visible;
}

.card21-details {
color: black;
height: 100%;
gap: .5em;
display: grid;
place-content: center;
}

.card21-button {
transform: translate(-50%, 125%);
width: 60%;
border-radius: 1rem;
border: none;
background-color: #008bf8;
color: #fff;
font-size: 1rem;
padding: .5rem 1rem;
position: absolute;
left: 50%;
bottom: 0;
opacity: 0;
transition: 0.3s ease-out;
}

.text-body21{
color: rgb(134, 134, 134);
}

/*Text*/
.text-title21 {
font-size: 1.5em;
font-weight: bold;
}

/*Hover*/
.card21:hover {
border-color: #008bf8;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.25);
}

.card21:hover .card21-button {
transform: translate(-50%, 50%);
opacity: 1;
}