/* CSS */
body
{

 margin-bottom:100px !important;
}
.button-83 {
  /*appearance: button;*/
 background-color: #77b43f;
    /* background-image: linear-gradient(to bottom, #fff, #7365d1); */
    border: 0 solid #e5e7eb;
    border-radius: 0.5rem;
    box-sizing: border-box;
    color: #ffffff;
    column-gap: 1rem;
    padding: 10px;
    cursor: pointer;
    font-family: Vazir FD, tahoma;
    font-size: 100%;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    outline: 2px solid transparent;
    text-transform: none;
    transition: all .1s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    box-shadow: -6px 8px 10px rgb(81 41 10 / 10%), 0px 2px 2px rgb(81 41 10 / 20%);
    text-align: center;
    position: relative;
    top: 0px;
    right: 1px;
    border-radius: 5px;
}

.button-83:active {
  background-color: #f3f4f6;
  box-shadow: -1px 2px 5px rgba(81,41,10,0.15),0px 1px 1px rgba(81,41,10,0.15);
  transform: translateY(0.125rem);
}

/*.button-83:focus {*/
  box-shadow: rgba(72, 35, 7, .46) 0 0 0 4px, -6px 8px 10px rgba(81,41,10,0.1), 0px 2px 2px rgba(81,41,10,0.2);
}

/*.button-83:hover{ border:1px solid #402cc3;*/
                  border-radius:20px;
                  transition:all 1s;




}