/***** Button Start Here *****/
.site-btn {
    display: inline-block;
    padding: 11px 35px;
    line-height: 18px;
    font-size: var(--fs15);
    font-family: "basic-sans"; 
    font-weight: var(--fw600);
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.site-btn.border-btn {
    background: transparent;
    color: var(--revolver);
    border: 1px solid rgba(44, 46, 48, 0.5);
    box-shadow: none;
}

.site-btn.border-btn:hover {
    background: rgba(39, 105, 84, 0.1);
    color: var(--white);
    border: 1px solid rgba(39, 105, 84, 0.1);
}

.site-btn.orange-btn {
    background: var(--flamingo);
    color: var(--white);
    border: 1px solid var(--flamingo);
    box-shadow: none;
}

.site-btn.orange-btn:hover {
	background: var(--flamingo-dark);;
	border-color: var(--flamingo-dark);;
}

.site-btn.big-width {
    padding: 18px 45px;
}

.site-btn.green-btn {
    background: var(--jungle-green);;
    color: var(--white);
}

.site-btn.green-btn:hover {
    background: var(--jungle-green-dark);;
}

.site-btn.small-width {
    padding: 11px 20px;
}

.site-btn.space-btn {
    padding: 20px 40px;
    border: none;
}

.text-btn-link {
    display: inline-block;
    font-size: var(--fs16);
    line-height: 20px;
    font-family: "basic-sans";
    font-style: normal;
    font-weight: var(--fw600);
    color: var(--cod-grey);
}

.text-btn-link .plus-sign {
    display: inline-block;
    color: var(--flamingo);
    margin-left: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 21px;
}

.text-btn-link svg {
    margin-right: 10px;
    vertical-align: unset;
}

.text-btn-link svg path {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.text-btn-link:hover,
.text-btn-link:focus {
    color: var(--elm);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.text-btn-link:hover .plus-sign,
.text-btn-link:focus .plus-sign {
    color: var(--elm);
}

.text-btn-link:hover path,
.text-btn-link:focus path {
    fill: var(--elm);
}

.text-icon {
    color: var(--blue);;
    display: inline-block;
    font-size: var(--fs14);
    font-family: basic-sans;
    font-weight: var(--fw600);
}

.text-icon svg {
    margin-right: 5px;
    vertical-align: unset;
}

.text-icon svg path {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.text-icon:hover,
.text-icon:focus {
    color: var(--elm);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.text-icon:hover path,
.text-icon:focus path {
    fill: var(--elm);
}

.text-icon.icon-space svg {
    margin-right: 10px;
    vertical-align: inherit;
}

.text-icon.white-hover-icon:hover path {
    fill: var(--white);
}

/***** Button END Here *****/