.section-background {
  background: linear-gradient(180deg, #f4f7fb 0%, #eef2f7 100%);
  border-radius: 1.5rem;
}

.section-background_empty {
  background-color: #fff;
}

.easyrote-card,
.easyword-card,
.easyread-card,
.easydict-card {
  position: relative;
  isolation: isolate;
}

.easyrote-card {
  background: linear-gradient(145deg, #2479c9 0%, #174a80 100%);
}

.easyword-card {
  background: linear-gradient(145deg, #43895d 0%, #27573a 100%);
}

.easyread-card {
  background: linear-gradient(145deg, #a88d72 0%, #705845 100%);
}

.easydict-card {
  background: linear-gradient(145deg, #bf5959 0%, #7f3535 100%);
}

.easyrote-card .z-1,
.easyword-card .z-1,
.easyread-card .z-1,
.easydict-card .z-1 {
  max-width: 72%;
  opacity: 0.55;
  pointer-events: none;
}

.easyrote-card .z-2,
.easyword-card .z-2,
.easyread-card .z-2,
.easydict-card .z-2 {
  text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

@media (max-width: 767.98px) {
  .easyrote-card .z-1,
  .easyword-card .z-1,
  .easyread-card .z-1,
  .easydict-card .z-1 {
    max-width: 90%;
    opacity: 0.35;
  }
}