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

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

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

.icon-card-body {
    background-color: var(--ts-theme-900);
    color: var(--ts-light-color);
    margin-top: -2.5rem;
    padding: 2rem;
    padding-top: 4rem;
    text-align: center;
    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(--ts-theme-900);
    height: calc(100% - 2.5rem);
    /* border: 2px solid var(--ts-theme-900); */
    transition: background-color 0.25s ease-in-out,
        box-shadow 0.25s ease-in-out,
        border-color 0.25s ease-in-out;
}

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

.icon-card-header>.icon>img {
    height: 5rem;
}