.btn {
  background: var(--brandcolor);
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.6rem 0.75rem;
  font-size: 0.9rem;
  line-height: 1.5;
  border-radius: 0;
}

.btn[data-toggle-mobile-menu] {
    background: transparent !important;
    color: var(--bodytextcolor) !important;
}


.btn-register {
    align-items: center;
    background-color: #fff;
    color: var(--brandcolor);
    display: inline-flex;
    font-size: 16px;
    font-weight: normal;
    height: 32px;
    justify-content: center;
    min-width: 125px;
    outline: .1px solid var(--brandcolor);
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

.btn-register:hover {
  text-decoration: none;
}

.btn.btn-send-phone {
  background: #537cc0;
}

.btn-login {
    background-color: var(--blue);
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    height: 32px;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    min-width: 125px;
    outline: 1px solid var(--blue);
    padding: 0 0 0 16px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.btn-login > .btn-text {
    flex: 1;
}

.btn-login > [class*=wk-icon-] {
    background-color: var(--blue-dark);
    color: #fff;
    flex: 0;
    line-height: 32px;
    margin: 0 0 0 16px;
    min-height: 32px;
    min-width: 32px;
}

.btn-login:hover {
    background-color: var(--blue-light);
    color: #fff;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .btn-login,
    .btn-register {
        min-width: 100% !important;
        min-height: 44px !important;

    }
    .btn-login > [class*=wk-icon-] {
        line-height: 44px !important;
        min-height: 44px !important;
        min-width: 44px !important;
    }
}



.btn-blue-dark {
  height: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fff;
  font-size: 14px;
  min-width: 106px;
  padding: 0 15px;
  background: #265199;
  border: solid 1px rgba(251, 252, 250, 0.55);
  transition: all 0.2s ease-in-out;
}

.btn-blue-dark:hover {
  color: #fff;
  background: #305dac;
  text-decoration: none;
}

.btn-hero {
    background-color: var(--red);
    border: solid 1px var(--light);
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    padding: 9px 20px;
    transition: all 0.2s ease-in-out;
    height: 42px;
    width: 265px;
}

.btn-hero:hover {
    background-color: var(--red);
    border: solid 1px var(--gray);
    color: var(--light);
    font-weight: 400;
    text-decoration: none;
}

.btn-make-offer {
  background: var(--offer-btn);
  color: #fff !important;
  padding: 10px 30px;
  font-weight: normal;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

.btn-make-offer:hover {
  background: var(--offer-btn-active);
}

.btn-download-sheet {
  color: rgb(121, 145, 197);
  border: 1px rgb(121, 145, 197) solid;
  height: 40px;
  display: inline-flex;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

.btn-download-sheet:hover {
  text-decoration: none;
  color: #fff;
  background: rgb(121, 145, 197);
}

.btn-show-dialog {
    background: var(--offer-btn);
    color: #fff !important;
    transition: all 0.2s ease-in-out;
}

.btn-show-dialog:hover {
    background: var(--offer-btn-active);
}

#scrollTop.scroll-top {
    color: #FFF;
    background-color: var(--blue);
}

.btn-follow {
    color: #fff;
    background-color: var(--follow) !important;
    border-color: var(--follow) !important;
}

.btn-success {
    color: #fff;
    background-color: var(--sucess);
    border-color: var(--sucess);
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success:focus,
    .btn-success.focus {
        box-shadow: 0 0 0 0.2rem var(--sucess);
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: #fff;
        background-color: var(--sucess);
        border-color: var(--sucess);
    }

    .btn-success:not(:disabled):not(.disabled):active,
    .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus,
        .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }