tick bullets unorder list with no background images

by ian_smithz

HTML

<link rel="stylesheet" href="https://www.screwfix.com/21122B/assets/css/sfx.min.css">
<ul class="tick">
  <li>Up to 3% commission on all sales</li>
  <li>7 day cookies</li>
  <li>High average order value</li>
  <li>Regular approval of payments so you get paid quicker</li>
  <li>Up to date information and design on promotions</li>
  <li>A well known and popular brand which is associated with fast, reliable service</li>
</ul>

CSS

ul.tick {
  margin-top: 10px;
  padding-left: 40px;
  list-style-type: none;
}
ul.tick li:before {
  position: absolute;
  margin-top: 2px;
  margin-left: -25px;
  font-weight: bold;
  /* content: "\2713";  regular weight tick */
  content: "\2714";
  color: #e30613;
}


/* https://www.w3schools.com/charsets/ref_utf_dingbats.asp  */