.card-push-icon {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  height: auto !important;
  padding: 16px;
  border-radius: 10px;
  background: transparent;
  z-index: 0;
  max-width: 249px;
  color: var(--color-white);
}
.card-push-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background-color: var(--color-primary--3);
  z-index: -1;
}
.card-push-icon::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  border: 2px solid var(--color-secondary--1);
  transform: translateY(-6px) translateX(-2px) rotate(-4.79deg);
  pointer-events: none;
  z-index: 1;
  transition: transform 0.3s ease;
}
.card-push-icon:hover {
  text-decoration: none;
}
.card-push-icon:hover::after {
  transform: translateY(-6px) rotate(4.79deg);
}

.card-push-icon__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
}


.card-push-icon__texts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.card-push-icon__title {
  font-size: 20px;
  font-weight: 900;
  line-height: 140%; /* 28px */
}

.card-push-icon__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

@media all and (min-width:1000px) {
  .card-push-icon {
    margin: 0 30px;
  }
}