.cytus-mark {
  overflow: hidden;
  background: radial-gradient(circle at 50% 47%, #172732 0, #070a0f 49%, #020305 70%);
  box-shadow: 14px 14px 0 rgba(31, 217, 229, .42), -10px -10px 0 rgba(240, 69, 96, .18), inset 0 0 42px rgba(83, 220, 238, .17);
}

.cytus-mark:before, .cytus-mark:after { border-color: rgba(201, 247, 253, .28); }
.cytus-mark .ring { border-color: rgba(184, 241, 249, .45); }

.cytus-mark img {
  width: 86%;
  mix-blend-mode: screen;
  filter: none;
}

.cytus-mark small { color: #87eafb; }
.cytus-mark i { color: #afc4cc; }

@media(max-width:760px) {
  .cytus-mark { box-shadow: 9px 9px 0 rgba(31, 217, 229, .4), -6px -6px 0 rgba(240, 69, 96, .16), inset 0 0 32px rgba(83, 220, 238, .17); }
}