<div class="modal-wrapper w-100 h-100 justify-center align-center d-none p-fixed" id="list-modal-wrapper">
    <div class="modal-container rounded-md">
        <div class="p-8">
            <h2 class="headline-md">Modal header</h2>
            <div class="action-btns-wrapper mt-4" id="list-modal-buttons">
                <button class="btn btn-outline btn-primary-outline btn-action rounded-sm text-sm w-100 d-flex justify-start align-center p-2"><i class="fas fa-user mr-2"></i>
                    Item 1
                </button>
                <button class="btn btn-outline btn-primary-outline btn-action rounded-sm text-sm p-3 mt-4 w-100 d-flex justify-start align-center p-2"><i class="fas fa-user mr-2"></i>
                    Item 2
                </button>
                <button class="btn btn-outline btn-primary-outline btn-action rounded-sm text-sm p-3 mt-4 w-100 d-flex justify-start align-center p-2"><i class="fas fa-user mr-2"></i>
                    Item 3
                </button>
            </div>
        </div>
    </div>
</div>