n: relative;
      padding-left: 25px;
      text-transform: lowercase;
    }

    .list__item::before {
      content: "";
      position: absolute;
      top: 13px;
      left: 0;
      width: 14px;
      height: 14px;
      background-color: #10F3AF;
    }

    .list__item::after {
      content: ";";
    }

    .list__item:last-of-type::after {
      content: ".";
    }

    @media (max-width: 768px) {
      body {
        padding: 30px;
      }
    }
  </style>
</head>
<body>
  <div role="list" class="