.button-buy {
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  font-size:  calc(17px + 3 * ((100vw - 320px) / (1500 - 320)));
  padding-left: 2%;
  padding-right: 2%;
 /* width:300px*/
  } 
    
.button-buy-ukr {
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  font-size:  calc(17px + 3 * ((100vw - 320px) / (1500 - 320)));
  padding-left: 2%;
  padding-right: 2%;
  /* width:300px*/
  }     
    

.section-call {
    padding: 1%;
} 
    




 /* ------------border-button------------*/
 
.border-button {
  text-decoration: none;
  display: inline-block;
  padding: 12px 18px;
  margin: 4px 10px;
  position: relative;
  color: #FFFFFF;
  border: 0px solid rgba(255, 40, 40, .4);
  background: none;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  font-size:  calc(12px + 3 * ((100vw - 320px) / (1500 - 320)));
  background-color:  #D60000;
  border-radius: 0.45rem;

}
.border-button:before, .border-button:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  box-sizing: border-box;
}

.border-button:hover:before, 
.border-button:hover:after {
  height: 100%;
  width: 100%;
  opacity: 1;
}
.border-button:hover:before {
  transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
}
.border-button:hover:after {
  transition: 0s ease opacity .4s, .2s ease height .4s, .2s ease width .6s;
}
.border-button:hover {
  background: #FF2121;
}
 /* ------------/border-button------------*/




 /* ------------border-button-ukr------------*/

.border-button-ukr {
  text-decoration: none;
  display: inline-block;
  padding: 12px 18px;
  margin: 4px 10px;
  position: relative;
  color: #0087CB;
  border: 1px solid rgba(0, 135, 203, .4);
  background: none;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  font-size:  calc(12px + 3 * ((100vw - 320px) / (1500 - 320)));
  background-color: #ffffff;
  border-radius: 0.45rem;

}
.border-button-ukr:before, .border-button-ukr:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  box-sizing: border-box;
}

.border-button-ukr:hover:before, 
.border-button-ukr:hover:after {
  height: 100%;
  width: 100%;
  opacity: 1;
}
.border-button-ukr:hover:before {
  transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
}
.border-button-ukr:hover:after {
  transition: 0s ease opacity .4s, .2s ease height .4s, .2s ease width .6s;
}
.border-button-ukr:hover {
  background: #EBF6FC ;
}
 /* ------------/border-button-ukr------------*/