.linkcards > div {
  padding: 5px !important;
}
.linkcards a {
  width: 100%;
  height: 150px;
  display: block;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 0px #999;
  transition: 0.3s all;
  padding: 10px;
  color: #fff;
  font-weight: 600;
  position: relative;
}
.linkcards a:hover {
  box-shadow: 2px 2px 4px 0px #333;
}
.linkcards div:nth-child(1) a {
  background-image: linear-gradient(
    109.6deg,
    rgba(62, 161, 219, 1) 11.2%,
    rgba(93, 52, 236, 1) 100.2%
  );
}
.linkcards div:nth-child(2) a {
  background-image: radial-gradient(
    circle 597px at 93% 9.8%,
    rgba(255, 61, 89, 1) 1.7%,
    rgba(252, 251, 44, 1) 97%
  );
}
.linkcards div:nth-child(3) a {
  background-image: radial-gradient(
    circle 602px at 2.1% 5.1%,
    rgba(233, 0, 120, 1) 0%,
    rgba(0, 0, 0, 1) 90.1%
  );
}
.linkcards div:nth-child(4) a {
  background-image: linear-gradient(
    105.3deg,
    rgba(30, 39, 107, 1) 21.8%,
    rgba(77, 118, 221, 1) 100.2%
  );
}
.linkcards div:nth-child(5) a {
  background-image: linear-gradient(
    102.1deg,
    rgba(96, 221, 142, 1) 8.7%,
    rgba(24, 138, 141, 1) 88.1%
  );
}
.linkcards a span:nth-child(1) {
  font-size: 40px;
}
.linkcards a span:nth-child(2) {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 20px;
}