.last-news-bottom { display: none; width: 222px; padding: 23px 23px 33px; position: fixed; right: 2px; bottom: 2px; z-index: 10; border-radius: 8px; background: url("img/next-bottom-bg.png") 0 10px #f2f2f2 no-repeat;
     -webkit-box-shadow: 0 0 7px 2px #cccccc;
     box-shadow: 0 0 7px 2px #cccccc;
}

.last-news-bottom__close { text-decoration: none; font-size: 20px; color: #b3b3b3; position: absolute; right: 8px; top: 8px; }
.last-news-bottom__title { font-size: 18px; color: #666666; margin-bottom: 13px; }
.last-news-bottom__input { outline: none; width: 222px; height: 40px; border: 1px solid #cccccc; box-sizing: border-box; border-radius: 8px; background: #ffffff;text-align: center; font-size: 15px; color: #999999; }
.last-news-bottom__link { border-radius: 8px; display: block; background: url("img/last-news-link-bg.png") 0 -55px no-repeat; height: 40px; width: 222px; box-sizing: border-box; font-size: 15px; text-align: center; text-decoration: none; padding-top: 9px; color: #ffffff; margin-top: 13px;}
.last-news-bottom__link:active { height: 38px; margin-top: 15px; }



<div class="last-news-bottom">
    <a href="javascript:void(0)" class="last-news-bottom__close js-last-news-bottom-close">&#10006;</a>
    <h3 class="last-news-bottom__title">Самые свежие новости</h3>
    <input type="text" class="last-news-bottom__input" />
    <a href="javascript:void(0)" class="last-news-bottom__link">Держите меня в курсе!</a>
</div>