.container{
    background: #e0ddd9;
    
}
.hide{
  display: none;
}
body{
   background: #0b235554; 
    
}

.sort {
  padding:8px 30px;
  border-radius: 6px;
  border:none;
  /*display:inline-block;*/
  color:#fff;
  text-decoration: none;
  background-color: #672722;
  height:30px;
}
.sort:hover {
  text-decoration: none;
  background-color:#972722;
}
.sort:focus {
  outline:none;
}
.sort:after {
  display:inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:4px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-4px;
  right:-5px;
}