.button1 {
    border-radius: 2px;
    background-color: white;
    border: 2px solid #6a6868;
    color: #6a6868;
    text-align: center;
    font-size: 17px;
    padding: 7px 20px;
   
    transition: all 0.3s;
    cursor: pointer;
    margin: 20px;
  }  
  .button1:hover  {
  
    background-color: #dd1111; 
    color: white;
    border: 2px solid #dd1111;
  }  
  .button1 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }
  .button1 span:after {
    content: '\f04b';
    position: absolute;
      font-family: "FontAwesome";
  
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.1s;
  }
  .button1:hover span {
    padding-right: 25px;
   
  }  
  .button1:hover span:after {
    opacity: 1;
    right: 0;
  }



  .button2 {
    border-radius: 2px;
    background-color: white;
    border: 2px solid #6a6868;
    color: #6a6868;
    text-align: center;
    font-size: 17px;
    padding: 7px 20px;
   
    transition: all 0.3s;
    cursor: pointer;
    margin: 20px;
  }  
  .button2:hover  {
  
    background-color: #6ab344; 
    color: white;
    border: 2px solid #6ab344;
  }  
  .button2 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }  
  .button2 span:after {
    content: '\f17b';
    position: absolute;
      font-family: "FontAwesome";
  
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.1s;
  }  
  .button2:hover span {
    padding-right: 25px;
   
  }  
  .button2:hover span:after {
    opacity: 1;
    right: 0;
  }



  .button3 {
    border-radius: 2px;
    background-color: white;
    border: 2px solid #6a6868;
    color: #6a6868;
    text-align: center;
    font-size: 17px;
    padding: 7px 20px;
   
    transition: all 0.3s;
    cursor: pointer;
    margin: 20px;
  }  
  .button3:hover  {
  
    background-color: #000; 
    color: white;
    border: 2px solid #000;
  }  
  .button3 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }  
  .button3 span:after {
    content: '\f270';
    position: absolute;
      font-family: "FontAwesome";
  
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.1s;
  }  
  .button3:hover span {
    padding-right: 25px;
   
  }  
  .button3:hover span:after {
    opacity: 1;
    right: 0;
  }

  


  .button4 {
    border-radius: 2px;
    background-color: white;
    border: 2px solid #6a6868;
    color: #6a6868;
    text-align: center;
    font-size: 17px;
    padding: 7px 20px;
   
    transition: all 0.3s;
    cursor: pointer;
    margin: 20px;
  }  
  .button4:hover  {
  
    background-color: #6f1ab1; 
    color: white;
    border: 2px solid #6f1ab1;
  }  
  .button4 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }  
  .button4 span:after {
    content: '\f26c';
    position: absolute;
      font-family: "FontAwesome";
  
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.1s;
  }  
  .button4:hover span {
    padding-right: 25px;
   
  }  
  .button4:hover span:after {
    opacity: 1;
    right: 0;
  }

  
  


  .button5 {
    border-radius: 2px;
    background-color: white;
    border: 2px solid #6a6868;
    color: #6a6868;
    text-align: center;
    font-size: 17px;
    padding: 7px 20px;
   
    transition: all 0.3s;
    cursor: pointer;
    margin: 20px;
  }  
  .button5:hover  {
  
    background-color: #7d7d7d; 
    color: white;
    border: 2px solid #7d7d7d;
  }  
  .button5 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }  
  .button5 span:after {
    content: '\f179';
    position: absolute;
      font-family: "FontAwesome";
  
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.1s;
  }  
  .button5:hover span {
    padding-right: 25px;
   
  }  
  .button5:hover span:after {
    opacity: 1;
    right: 0;
  }

  
  


  .button6 {
    border-radius: 2px;
    background-color: white;
    border: 2px solid #6a6868;
    color: #6a6868;
    text-align: center;
    font-size: 17px;
    padding: 7px 20px;
   
    transition: all 0.3s;
    cursor: pointer;
    margin: 20px;
  }  
  .button6:hover  {
  
    background-color: #7d7d7d; 
    color: white;
    border: 2px solid #7d7d7d;
  }  
  .button6 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }  
  .button6 span:after {
    content: '\f179';
    position: absolute;
      font-family: "FontAwesome";
  
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.1s;
  }  
  .button6:hover span {
    padding-right: 25px;
   
  }  
  .button6:hover span:after {
    opacity: 1;
    right: 0;
  }




  
  


  .button7 {
    border-radius: 2px;
    background-color: white;
    border: 2px solid #6a6868;
    color: #6a6868;
    text-align: center;
    font-size: 17px;
    padding: 7px 20px;
   
    transition: all 0.3s;
    cursor: pointer;
    margin: 20px;
  }  
  .button7:hover  {
  
    background-color: #7d7d7d; 
    color: white;
    border: 2px solid #7d7d7d;
  }  
  .button7 span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }  
  .button7 span:after {
    content: '\f26c';
    position: absolute;
      font-family: "FontAwesome";
  
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.1s;
  }  
  .button7:hover span {
    padding-right: 25px;
   
  }  
  .button7:hover span:after {
    opacity: 1;
    right: 0;
  }