.btn {
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 1;
text-align: center;
text-decoration: none;
color: #000;
border: 1px solid #999;
border-radius: 3px;
cursor: pointer;
vertical-align: middle;
}
.btn-large {
padding: 1em 4em;
}
.btn-medium {
padding: 1em 2em;
}
.btn-default {
background: #d6d6d6;
}
.btn-primary {
background: #ffe51f;
background: linear-gradient(-180deg, #ffe51f 3%, #ffb412 100%);
}
.btn-primary-popup {
background: #006622;
background: linear-gradient(-180deg, #006622 3%, #004d1a 100%);
}
.btn:hover {
-webkit-filter: brightness(.99);
}
.btn-grow {
display: inline-block;
background: #c60000;
width: 20px;
height: 15px;
position: absolute;
right:-2px;
top: -2px;
border-radius: 4px;
transition: all .2s ease-in-out;
opacity: 0;
}
.btn-text {
color: white;
position: relative;
top: -1px;
left: 4px;
opacity: 0;
font-size: 10px;
}
.btn:focus {
outline: 0;
}