/* Yellow check marks for the bn-stats feature squares. */
body .bn-stats div {
  position: relative !important;
}

body .bn-stats div::before {
  content: "✓" !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 50px !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 202, 34, .18), rgba(255, 202, 34, 0) 32%),
    linear-gradient(180deg, rgba(54, 44, 13, .92) 0%, rgba(35, 31, 22, .96) 100%) !important;
  border: 1px solid rgba(218, 166, 20, .55) !important;
  color: #ffc21f !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  text-align: center !important;
  text-shadow: 0 0 10px rgba(255, 194, 31, .55) !important;
  box-shadow:
    0 0 16px rgba(255, 178, 19, .10),
    inset 0 1px 0 rgba(255, 221, 91, .10) !important;
}

body .bn-stats div:hover::before {
  color: #ffd65b !important;
  border-color: rgba(255, 203, 48, .72) !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 207, 43, .24), rgba(255, 207, 43, 0) 34%),
    linear-gradient(180deg, rgba(66, 52, 12, .96) 0%, rgba(42, 34, 18, .98) 100%) !important;
}