.date2 {
position: absolute;
right: 10px;
top: 10px;
}

#birthday .card {
overflow: clip;
}

.card {
border-radius: .6rem;
border-color: #e5e5e5;
-webkit-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
}

.card:hover {
-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.card-body {
background-color: #efefef;
width: 100%;
padding: 1rem 0.5rem;
border-radius: 0 0 6px 6px;
}

.card-title {
font-size: 1.25rem;
}

.card-text {
font-size: .75rem;
font-weight: 500;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: .3rem;
-moz-column-gap: .3rem;
column-gap: .3rem;
}

.card-text i.mdi {
font-size: .9rem;
opacity: .6;
}

.card-img {
border-radius: .6rem .6rem 0 0;
}

.card-social {
position: absolute;
top: 67%;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: .5rem;
-moz-column-gap: .5rem;
column-gap: .5rem;
-webkit-transform: translate(-20px, -17px);
-ms-transform: translate(-20px, -17px);
transform: translate(-20px, -17px);
}

.card-social a {
width: 50px;
min-width: 50px;
height: 50px;
border-radius: 50%;
color: #fff;
font-size: 1.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
}

.card-social a:hover {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.facebook {
background-color: #3b5998;
}
.instagram {
background-color: #55acee;
}
.youtube {
background-color: #ff0000;
}

.website {
background-color: #bbb;
}