.button{
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 8px;
}

.button a{
    color: #fff;
    font-size: 13px;
}

.search-button{
    padding: calc(11px + 0.1vw) calc(1px + 3vw);
}

.clear-search {
    font-family: FiraSans-400;
    font-size: calc( var(--font-size) + 8px + var(--font-coeficient) );
    display: flex;
    justify-content: center;
    background: none;
}

.clear-search:hover{
    background: none;
}

.clear-search a {
    color: #6C779D;
}

.clear-search:before {
    content: "";
    background-image: url("../images/clear.svg");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}