.ribbon {

    width: 412px;

    position: absolute;

    left: 50%;

    margin-left: -206px;

    text-align: center;

    font-size: 20px !important;

    background: #1F74EC;

    background: linear-gradient(to bottom, #1F74EC, #4E91F0);

    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;

    font-family: Arial, sans-serif;

}

​

.ribbon p {

    font-size: 25px !important;

    color: #FFFFFF;

    text-shadow: #000000 0 1px 0;

    margin: 0px;

    padding: 15px 10px;

}

​

.ribbon:before,

.ribbon:after {

    content: '';

    position: absolute;

    display: block;

    bottom: -1em;

    border: 1.5em solid #1156BD;

    z-index: -1;

}

​

.ribbon:before {

    left: -2em;

    border-right-width: 1.5em;

    border-left-color: transparent;

    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;