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

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

.icon-card-body {
  background-color: var(--je-theme-900);
  color: var(--je-light-color);
  padding: 2rem;
  text-align: center;
  border-radius: .5rem;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  margin-top: -2.5rem;
  padding-top: 4rem;
  border-style: solid;
  border-width: 2px;
  border-color: var(--je-theme-900);

  height: calc(100% - 2.5rem);

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

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

.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;
}