<div class="reading-box element-bottomshadow" style="background-color:#fff;border-width:1px;border-color:#e8e6e6;border-top-width:3px;border-top-color:#a0ce4e;border-style:solid;">
    <div class="reading-box-description">Avada's promotion box is very versatile and has numerous meta options for easy customization. Insert  a title, body copy and a button link for default, or customize it with adding a shadow, changing the background color, border size, border color and highlight position. Users can set custom links and link target for the button.
    </div>
</div>

<style type="text/css" media="screen">
    .element-bottomshadow {
        position: relative;
    }
    .element-bottomshadow::before, .element-bottomshadow::after {
        position: absolute;
        bottom: 15px;
        left: 10px;
        z-index: -1;
        height: 20%;
        max-height: 100px;
        max-width: 460px;
        width: 60%;
        content: "";
        opacity: 0.7;
        box-shadow: 0 17px 10px rgba(0,0,0,0.7);
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    .element-bottomshadow::after {
        left: auto;
        right: 10px;
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    .fusion-reading-box-container .reading-box {
        padding: 28px 28px 27px 31px;
        background-color: #F2EFEF;
        border-left: 3px solid #a0ce4e;
    }
</style>