//
// Profile card
//

.card-profile-image {
    position: relative;
    display: inline-block; /* added */
    overflow: hidden; /* added */
}

.card-profile-image:hover {
    cursor: pointer;
    opacity: 0.7;
}

.card-profile-image:hover a {
    opacity: 1; /* added */
    top: 0; /* added */
    z-index: 500;
}

.card-profile-image:hover a span {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.card-profile-image a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #2272a8;
}

.card-profile-stats {
    padding: 1rem 0;

    > div {
        text-align: center;
        margin-right: 1rem;
        padding: .875rem;

        &:last-child {
            margin-right: 0;
        }

        .heading {
            font-size: 1.1rem;
            font-weight: bold;
            display: block;
        }
        .description {
            font-size: .875rem;
            color: $gray-500;
        }
    }
}

.card-profile-actions {
    padding: .875rem;
}