app/assets/stylesheets/modules/_btn-subscribe.scss
.btn-subscribe {
@include border-radius(8px);
display: block;
padding: 1em;
margin-bottom: 1em;
background-color: #EC8124;
background-image: linear-gradient(to bottom, #FF9245, #DA7724);
color: #FFF;
font-size: 1.5em;
text-align: center;
vertical-align: top;
}
.btn-subscribe:hover {
background-color: #FF9245;
background-image: linear-gradient(to bottom, #F2A765, #FF9245);
}
.btn-subscribe b {
font-size: 1.3333em;
}
.btn-subscribe__line-through {
display: block;
margin-top: em(20px);
font-size: 0.7em;
}
@media screen and (min-width:600px) {
.btn-subscribe--center .btn-subscribe {
display: block;
margin: em(20px) auto;
width: 380px;
}
.btn-subscribe {
display: inline-block;
width: 40%;
}
}