.card14 {
width: 254px;
height: 190px;
transform: rotate(90deg);
background: #00BCD4;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
transition-duration: 1s;
transition-property: width, height,transform;
}
.card14:hover {
width: 190px;
height: 254px;
transform: rotate(0deg);
/* -ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg); */
}
.card14__content {
padding: 1rem;
font-size: smaller;
}
.card14__date {
color: white;
margin-bottom: .5rem;
font-weight: 700;
}
.card14__info {
width: 100%;
height: 200px;
padding: .7rem;
font-size: smaller;
border-radius: 1rem;
text-align: center;
background-color: #fae4c3;
color: #fae4c3;
transition-duration: 1s;
transition-property: color;
}
.card14__info:hover {
color: #212121;
}
