HTML/CSS 54 кнопка смотреть

Когда прописываю clear: both;  то кнопка смотреть уезжает в самый низ. Без clear кнопка остается на месте сразу после текста (там где и нужно) Но ведь нужно зафиксировать это положение.

В чем косяк?

.info_film {
margin-bottom: 5%;
background-color: #f9f9f9;
padding: 5%;
height: 270px;
}

.info_film img {
float: left;
margin-right: 2%;
border-radius: 5px;
border: solid 5px #dad7d5;
width: 25%;
}

.button {
background-color: #7268ad;
padding: 2%;
color: white;
border-radius: 5px;
float: right; 
margin-top: 5%;
clear: both;
font-size: 0.8em;
}

.button a {
color: white;
}