<div class="alert-des-success">
    <i class="fas fa-check-circle alert-icon"></i>
    <div>
        <div>Success</div>
        <div class="p-md alert-subtext">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores, repellat!
        </div>
    </div>
</div>

<div class="alert-des-info">
    <i class="fas fa-info-circle alert-icon"></i>
    <div>
        <div>Info</div>
        <div class="p-md alert-subtext">
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta, doloribus.
        </div>
    </div>
</div>

<div class="alert-des-warning">
    <i class="fas fa-exclamation-triangle alert-icon"></i>
    <div>
        <div>Warning</div>
        <div class="p-md alert-subtext">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit.
        </div>
    </div>
</div>

<div class="alert-des-error">
    <i class="fas fa-exclamation-circle alert-icon"></i>
    <div class="alert-w-btn-text">
        <div>Error</div>
        <div class="p-md alert-subtext">
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vitae, vero.
        </div>
    </div>
</div>