Кнопка Юлмарт

by satantx

HTML

<a href="#">Найти</a>

CSS

body {
    margin: 50px;
    font-weight: bold;
}

a {
    color: #fff;
    background: #DB221B;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    border-bottom: 1px solid #991813;
    width: 60px;
    text-align:center;
    diplay:block;
    cursor: default;
    box-shadow: 0 1px 3px rgba(153,24,19,0.57);
    text-shadow: 1px 1px 0px #C22F23;
    
}

a:hover {
    background: #ff5c3c;
    background: -webkit-linear-gradient(top,  #ff5c3c 0%,#dc251c 100%);
}

a:active {
    background: #B21A15;
}