Относительно чего позиционировать кнопку?

Question

[Skrolea]

Добрый день. Необходимо прикрепить кнопку fab (floating action button) справа.

<div class="news-block">
      <div class="news-card">
        <div class="news-card__img"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/jeremiah-wilson-2.jpg"/></div>
        <div class="news-body">
          <button class="fab"></button>
          <p class="date">20.01.2017</p>
          <p class="title">Заголовок</p>
          <p class="description">Анонс</p>
        </div>
      </div>
 </div>

Кнопка же появляется слева, несмотря на заданный

position: relative;
  bottom: 30px;
  right: 20px;

Что я упустил?

Codepen

Comments

[Ярослав Иванов]

float: right;

[Ярослав Иванов]

или
position: initial;
margin-left: calc(100% - 56px);

Answer 1

[Alexander Pushkarev]

Стили для кнопки

position: absolute;
top: -30px;
right: 20px;