.fix {
    max-height: 350px;
}

.card {
    margin-left: 5px;
    margin-right: 5px;
}

.card .options {
    position: relative;
    z-index: 2;
    float: right;
    height: 0;
    opacity: 0;
    top: 8px;
    right: 5px;
    transition: opacity 0.5s;
}

.card .options a {
    margin-left: 5px;
}

.card:hover > .contact-mobile > .options {
    opacity: 1;
}

.contact-mobile {
    cursor: default;
}

.contact-card-info a {
    display: block;
}

.contact-mobi-back {
    position: relative;
    height: 180px;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: .25rem;
}

.contact-mobi-front {
    bottom: 40px;
    height: 40px;
}

.contact-mobile li {
    max-height: 43px;
    overflow: hidden;
    transition: max-height 0.5s;
}

.contact-mobile li:hover {
    max-height: 65px;
}