/* Button */
.pro_rate_cal_main_section{
  .rate_cal_button{
      font-weight: 400;
      padding: 6px 12px;
      position: relative;
      line-height: 1.42857143;
      border-radius: 4px;
      font-size: 13.5px;
      border: 1px solid transparent;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      transition: all .4s ease-in-out;
      text-decoration: none;
      text-transform: uppercase;
      font-family: $primary-font;
      cursor: pointer;
      margin-bottom: 0;
      white-space: nowrap;
      touch-action: manipulation;
      background-image: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .rate_cal_button_primary{
    color: $white;
    border-color:$primary-color-main;
    background-color: $primary-color-main;
    &:hover, &:active, &:focus{
      color: $white;
      border-color:$primary-color-dark;
      background-color: $primary-color-dark;
    }
  }


  .rate_cal_button_primary_border{
    color: $primary-color-main !important;
    border-color:$primary-color-main !important;
    background-color: transparent !important;
    &:hover, &:active, &:focus{
      color: $white !important;
      border-color:$primary-color-dark !important;
      background-color: $primary-color-dark !important;
    }
  }


  .rate_cal_icon_button_primary_border{
    color: $primary-color-main !important;
    border-color:$primary-color-main !important;
    background-color: transparent !important;
    padding: 9px 10px;
    &:hover, &:active, &:focus{
      color: $white !important;
      border-color:$primary-color-dark !important;
      background-color: $primary-color-dark !important;
    }
  }


  .rate_cal_icon_transparent_button{
    color: $secondary-color !important;
    border-color:transparent !important;
    background-color: transparent !important;
    padding: 6px 8px;
    border-radius: 6px;
    &:hover, &:active, &:focus{
      color: $secondary-color !important;
      border-color:transparent !important;
      background-color: $gray-3 !important;
    }
  }
}