Как стилизовать дропдаун в селекте

Есть селект:

        <div class="cart__item_description_col">
                <h5>Срок аренды</h5>
                <select name="" id="" class="select" style="border-radius: 6px; padding: 10px; padding-right:40px;">
                  <option value="1">24 месяца</option>
                  <option value="1">24 месяца</option>
                  <option value="1">24 месяца</option>
                </select>
              </div>

Он выглядит так:

Нужно, чтобы он выглядел так:

По сути нужно стилизовать дропдаун и отодвинуть его от селекта, но я нигде не нашел, как это сделать. Кто-нибудь знает? Желательно с помощью CSS, но можно и JS