ul {
  list-style-image: url("data:image/svg+xml, %3Csvg%20xmlns=%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox=%270%200%2040%2038.4%27%20width=%2740%27%20height=%2738.4%27%3E%3Cpath%20d=%27m16%2022-4-5a3%203%200%200%201%200-4%2012%2012%200%200%201%203-2C8%2014%201%2020%200%2021s5%202%206%208c1%205%208%207%209%205a43%2043%200%200%201%203-7v-4a3%203%200%200%201-2-1ZM38%209H24a13%2013%200%200%200-10%205%202%202%200%200%200%200%202l3%205a2%202%200%200%200%201%201%202%202%200%200%200%201-1h1v1l-1%2014a2%202%200%201%200%204%200l1-13h1l1%2013a2%202%200%200%200%202%202%202%202%200%200%200%202-2l-1-14v-9h9a2%202%200%200%200%202-2%202%202%200%200%200-2-2ZM20%2019l-2-4a10%2010%200%200%201%202-1Zm8-15a4%204%200%201%201-4-4%204%204%200%200%201%204%204%27%20%2F%3E%3C%2Fsvg%3E ");
  margin: 1rem;
  li {
    font-size: 1.8rem;
    padding-left: 1rem;
    margin-bottom: 1rem;
  }
}

button {
  margin: 1rem;
  font-size: 20px;
  padding: 10px 25px;
  border-radius: 10px;
  border: 2px solid black;
  background: none;
  &::after {
    content: url("data:image/svg+xml, %3Csvg%20width=%277%27%20height=%2712.19%27%20xmlns=%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox=%270%200%207%2012.19%27%3E%3Cpath%20d=%27M.27,10.64a.89.89,0,0,0,0,1.28.91.91,0,0,0,1.28,0L6.73,6.73a.89.89,0,0,0,0-1.28L1.55.27A.89.89,0,0,0,.27.27a.89.89,0,0,0,0,1.28L4.81,6.1Z%27%2F%3E%3C%2Fsvg%3E ");
    margin-left: 10px;
    transition: 0.2s ease-out;
  }
  &:hover::after {
    margin-left: 20px;
  }
}