.icon-card {
    height: 100%;
    transition: transform 0.25s ease-in-out;
}

.icon {
    height: 5rem;
}

.icon-card-body {
    background-color: var(--jv-theme-900);
    color: var(--jv-light-color);
    padding: 2rem;
    /* text-align: center; */
    font-weight: 300;
    border-radius: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
        rgba(0, 0, 0, 0.23) 0px 6px 6px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--jv-theme-900);

    margin-top: -2.5rem;
    padding-top: 4rem;

    height: calc(100% - 2.5rem);

    transition: box-shadow 0.25s ease-in-out, background-color 0.25s ease-in,
        border-color 0.25s ease-in;

    a {
        color: var(--jv-theme-600);
    }

    a:hover {
        color: var(--jv-theme-750);
    }
}

.icon-card:hover > .icon-card-body {
    background-color: var(--jv-theme-800);
    border-color: var(--jv-theme-600);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px,
        rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.icon-card:hover {
    transform: translateY(-2%);
}

.icon-card-header {
    display: flex;
    justify-content: space-evenly;
    filter: drop-shadow(2px 6px 6px rgba(0, 0, 0, 0.7));
}