.btn {
        font-family: var(--default-font);
    background-color: var(--green);
    color: white;
    border: 1px solid var(--green);
     border-radius: 25px; 
    padding: 6px;
    font-size: 14px;
    width: 100%;
    max-width: 220px;
    /* height: 50px; */
    cursor: pointer;
    outline: none;


}

.btn-calc{
        font-family: var(--default-font);
    background-color: var(--green);
    color: white;
    border: 1px solid var(--green);
    border-radius: 0px;
    padding: 10px;
    font-size: 18px;
    width: 100%;
    max-width: 258px;
    /* height: 50px; */
    cursor: pointer;
    outline: none;
}



/* Darker background on mouse-over */
.btn:hover {

  outline: none;
  background-color: #7A7A7A;
  border:1px solid #7A7A7A;
  color: white;
  transition: 0.4s;
/*  transform: scale(0.9);*/
}







@media screen and (max-width: 600px) {
 

}