.button_save {
  margin-top: 15px;
  margin-left:5px;
  width: 160px;  
  max-width: 100%;
  min-height: 30px;
  font-size: 18px;
  background-color: white;
  color: black;
  border: 2px solid #008CBA; 
}

.button_save:hover {
  background-color: #008CBA;  
  color: white;
}
.button_save span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button_save span:after {
  content: '\25B7';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_save:hover span {
  padding-right: 25px;
}

.button_save:hover span:after {
  opacity: 1;
  right: 0;
}

.button_back {
  min-width: 160px;  
  max-width: 100%;
  min-height: 30px;
  font-size: 18px !important;
  padding: 1px 6px !important;
  background-color: white;
  color: black !important;
  border: 2px solid #f44336; 
}
a.button_back {
  padding: 2.7px 6px !important;
}
.button_back:hover {
  background-color: #f44336;  
  color: white;
}
.button_back span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button_back span:after {
  content: '\25B7';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_back:hover span {
  padding-right: 25px;
  color: white;
}

.button_back:hover span:after {
  opacity: 1;
  right: 0;
}
a {
  min-width: 160px;  
  max-width: 100%;
  min-height: 30px;
}
.button_sort {
  width: 160px;  
  max-width: 100%;
  min-height: 30px;
  font-size: 18px;
  background-color: white;
  color: black;
  border: 2px solid #00aa7f; 
}

.button_sort:hover {
  background-color: #00aa7f;  
  color: white;
}
.button_sort span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button_sort span:after {
  content: '\25B7';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_sort:hover span {
  padding-right: 25px;
}

.button_sort:hover span:after {
  opacity: 1;
  right: 0;
}
.button_list {
  width: 160px;  
  max-width: 100%;
  min-height: 30px;
  font-size: 18px;
  background-color: white;
  color: black;
  border: 2px solid #008CBA; 
}

.button_list:hover {
  background-color: #008CBA;  
  color: white;
}
.button_list span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button_list span:after {
  content: '\25B7';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_list:hover span {
  padding-right: 25px;
}

.button_list:hover span:after {
  opacity: 1;
  right: 0;
}
.button_save_padding {
  width: 160px;  
  max-width: 100%;
  min-height: 30px;
  font-size: 18px;
  background-color: white;
  color: black;
  border: 2px solid #008CBA; 
}
.button_save_padding:hover span:after {
  opacity: 1;
  right: 0;
}
.button_save_padding span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button_save_padding span:after {
  content: '\25B7';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_save_padding:hover span {
  padding-right: 25px;
}

.button_save_padding:hover span:after {
  opacity: 1;
  right: 0;
}
.button_mark {
  margin-left:5px;
  width: 160px;  
  max-width: 100%;
  min-height: 30px;
  font-size: 18px !important;
  padding: 1px 6px !important;
  background-color: white;
  color: black;
  border: 2px solid #55aa7f; 
}

.button_mark:hover {
  margin-left:5px;
  background-color: #55aa7f;  
  color: white;
}
.button_mark span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button_mark span:after {
  content: '\25B7';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_mark:hover span {
  padding-right: 25px;
}

.button_mark:hover span:after {
  opacity: 1;
  right: 0;
}
.button_unmark {
  margin-left:5px;
  width: 160px;  
  max-width: 100%;
  min-height: 30px;
  font-size: 18px !important;
  padding: 1px 6px !important;
  background-color: white;
  color: black;
  border: 2px solid #ffaa7f; 
}

.button_unmark:hover {
  margin-left:5px;
  background-color: #ffaa7f;  
  color: white;
}
.button_unmark span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button_unmark span:after {
  content: '\25B7';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button_unmark:hover span {
  padding-right: 25px;
}

.button_unmark:hover span:after {
  opacity: 1;
  right: 0;
}