Верстаю сайт (адаптивно, поэтому и задалась вопросом)

Имеется блок

Если уменьшить окно браузера (или зайти с маленького девайса), все очень плохо:


Код кнопки
<a class="more-link" href="http://braincu.com/feedback-for-twitter/">Leave feedback</a>

CSS
a.more-link {
position: relative;
top: 1em;
padding: 4% 4% 4% 4%;
background: #27ae60;
line-height: 1;
color: #fff;
border-radius: 4px;
}

width:100% и font-size: 100%/90%/etc. пробовала, не помогло
Хотелось бы, чтобы кнопка выглядела так


Как это реализовать?

Сообщение отредактировал Poesie - 14.9.2014, 16:07