.btn {
    cursor: pointer;
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 17px 30px;
    border: 1px solid var(--c-button-main);
    border-radius: 60px;
    font-size: var(--fs-500);
    line-height: 24px;
    color: var(--c-neutral-100);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background: var(--c-button-main);
    transition: 250ms ease-in-out all;
}

.btn:link,
.btn:visited {
    color: var(--c-neutral-100);
}

.btn:hover,
.btn:active,
.btn:focus {
    border-color: var(--c-button-hover);
    color: var(--c-neutral-100);
    text-decoration: none;
    background: var(--c-button-hover);
}

.btn--secondary {
    border-color: var(--c-primary-800);
    background-color: var(--c-primary-800);
}

.btn--outline {
    color: var(--c-button-main);
    background: transparent;
}

.btn--outline:link,
.btn--outline:visited {
    color: var(--c-button-main);
}

.btn--outline:hover,
.btn--outline:focus,
.btn--outline:active {
    color: var(--c-neutral-100);
}

.btn--white {
    color: var(--c-button-main);
    background: var(--c-primary-100);
}

.btn--white.btn--outline {
    border-color: var(--c-neutral-100);
    color: var(--c-neutral-100);
    background: transparent;
}

.btn--white.btn--outline:link,
.btn--white.btn--outline:visited {
    color: var(--c-neutral-100);
}

.btn--white.btn--outline:hover,
.btn--white.btn--outline:focus,
.btn--white.btn--outline:active {
    border-color: var(--c-button-hover);
    background: var(--c-button-hover);
}

.btn--icon::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.btn--phone::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8C14.8674 8 14.7402 7.94732 14.6464 7.85355C14.5527 7.75979 14.5 7.63261 14.5 7.5C14.4983 6.04184 13.9183 4.64389 12.8872 3.61281C11.8561 2.58174 10.4582 2.00172 9 2C8.86739 2 8.74021 1.94732 8.64645 1.85355C8.55268 1.75979 8.5 1.63261 8.5 1.5C8.5 1.36739 8.55268 1.24021 8.64645 1.14645C8.74021 1.05268 8.86739 1 9 1C10.7233 1.00198 12.3754 1.68744 13.594 2.906C14.8126 4.12455 15.498 5.7767 15.5 7.5C15.5 7.63261 15.4473 7.75979 15.3536 7.85355C15.2598 7.94732 15.1326 8 15 8Z' fill='%23FFF7FD'/%3E%3Cpath d='M12 8C11.8674 8 11.7402 7.94732 11.6464 7.85355C11.5527 7.75979 11.5 7.63261 11.5 7.5C11.4992 6.8372 11.2356 6.20178 10.7669 5.73311C10.2982 5.26444 9.6628 5.00079 9 5C8.86739 5 8.74021 4.94732 8.64645 4.85355C8.55268 4.75979 8.5 4.63261 8.5 4.5C8.5 4.36739 8.55268 4.24021 8.64645 4.14645C8.74021 4.05268 8.86739 4 9 4C9.92793 4.00106 10.8176 4.37015 11.4737 5.0263C12.1299 5.68244 12.4989 6.57207 12.5 7.5C12.5 7.63261 12.4473 7.75979 12.3536 7.85355C12.2598 7.94732 12.1326 8 12 8Z' fill='%23FFF7FD'/%3E%3Cpath d='M10.5141 10.264L9.29156 11.7925C7.39827 10.6796 5.82045 9.10177 4.70756 7.20848L6.23606 5.98598C6.41504 5.84254 6.54152 5.6439 6.59579 5.42105C6.65006 5.1982 6.62906 4.96365 6.53606 4.75398L5.14306 1.61748C5.04332 1.3924 4.86683 1.21009 4.64509 1.10311C4.42336 0.996138 4.17082 0.971458 3.93256 1.03348L1.28256 1.72148C1.03479 1.78563 0.81922 1.93857 0.676803 2.15122C0.534386 2.36388 0.475048 2.62145 0.510063 2.87498C0.975434 6.18869 2.50695 9.26082 4.87309 11.627C7.23923 13.9931 10.3114 15.5246 13.6251 15.99C13.8783 16.0249 14.1356 15.9657 14.3481 15.8236C14.5606 15.6815 14.7136 15.4664 14.7781 15.219L15.4661 12.569C15.5278 12.3309 15.503 12.0787 15.3961 11.8572C15.2893 11.6357 15.1073 11.4594 14.8826 11.3595L11.7461 9.96498C11.5365 9.87179 11.302 9.85058 11.0791 9.90467C10.8563 9.95876 10.6576 10.0851 10.5141 10.264Z' fill='%23FFF7FD'/%3E%3C/svg%3E%0A");
    background-size: 16px 16px;
}

.btn--email::before {
    background-size: 15px 11px;
}

.btn--email.btn--outline::before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70325 7.12303C8.34499 7.36187 7.92885 7.48812 7.49981 7.48812C7.07079 7.48812 6.65465 7.36187 6.29639 7.12303L0.395683 3.1891C0.362945 3.16728 0.331052 3.14452 0.299805 3.12112V9.56729C0.299805 10.3064 0.89957 10.8929 1.62542 10.8929H13.3742C14.1132 10.8929 14.6998 10.2931 14.6998 9.56729V3.12109C14.6685 3.14455 14.6365 3.16736 14.6037 3.18921L8.70325 7.12303Z' fill='%23C86373'/%3E%3Cpath d='M0.863711 2.48657L6.76442 6.42053C6.98779 6.56945 7.24378 6.6439 7.49978 6.6439C7.7558 6.6439 8.01182 6.56942 8.23519 6.42053L14.1359 2.48657C14.489 2.25131 14.6998 1.85756 14.6998 1.43259C14.6998 0.701872 14.1053 0.107422 13.3746 0.107422H1.62497C0.894283 0.10745 0.299805 0.7019 0.299805 1.43329C0.299805 1.85756 0.51063 2.25131 0.863711 2.48657Z' fill='%23C86373'/%3E%3C/svg%3E%0A");
}

.btn--email.btn--outline:hover,
.btn--email.btn--outline:focus,
.btn--email.btn--outline:active {
    &::before {
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70325 7.12303C8.34499 7.36187 7.92885 7.48812 7.49981 7.48812C7.07079 7.48812 6.65465 7.36187 6.29639 7.12303L0.395683 3.1891C0.362945 3.16728 0.331052 3.14452 0.299805 3.12112V9.56729C0.299805 10.3064 0.89957 10.8929 1.62542 10.8929H13.3742C14.1132 10.8929 14.6998 10.2931 14.6998 9.56729V3.12109C14.6685 3.14455 14.6365 3.16736 14.6037 3.18921L8.70325 7.12303Z' fill='%23FFF7FD'/%3E%3Cpath d='M0.863711 2.48657L6.76442 6.42053C6.98779 6.56945 7.24378 6.6439 7.49978 6.6439C7.7558 6.6439 8.01182 6.56942 8.23519 6.42053L14.1359 2.48657C14.489 2.25131 14.6998 1.85756 14.6998 1.43259C14.6998 0.701872 14.1053 0.107422 13.3746 0.107422H1.62497C0.894283 0.10745 0.299805 0.7019 0.299805 1.43329C0.299805 1.85756 0.51063 2.25131 0.863711 2.48657Z' fill='%23FFF7FD'/%3E%3C/svg%3E%0A");
    }
}

.btn--email.btn--white::before {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70325 7.12303C8.34499 7.36187 7.92885 7.48812 7.49981 7.48812C7.07079 7.48812 6.65465 7.36187 6.29639 7.12303L0.395683 3.1891C0.362945 3.16728 0.331052 3.14452 0.299805 3.12112V9.56729C0.299805 10.3064 0.89957 10.8929 1.62542 10.8929H13.3742C14.1132 10.8929 14.6998 10.2931 14.6998 9.56729V3.12109C14.6685 3.14455 14.6365 3.16736 14.6037 3.18921L8.70325 7.12303Z' fill='%23FFF7FD'/%3E%3Cpath d='M0.863711 2.48657L6.76442 6.42053C6.98779 6.56945 7.24378 6.6439 7.49978 6.6439C7.7558 6.6439 8.01182 6.56942 8.23519 6.42053L14.1359 2.48657C14.489 2.25131 14.6998 1.85756 14.6998 1.43259C14.6998 0.701872 14.1053 0.107422 13.3746 0.107422H1.62497C0.894283 0.10745 0.299805 0.7019 0.299805 1.43329C0.299805 1.85756 0.51063 2.25131 0.863711 2.48657Z' fill='%23FFF7FD'/%3E%3C/svg%3E%0A");
}

.btn--email.btn--white:hover,
.btn--email.btn--white:focus,
.btn--email.btn--white:active {
    &::before {
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70325 7.12303C8.34499 7.36187 7.92885 7.48812 7.49981 7.48812C7.07079 7.48812 6.65465 7.36187 6.29639 7.12303L0.395683 3.1891C0.362945 3.16728 0.331052 3.14452 0.299805 3.12112V9.56729C0.299805 10.3064 0.89957 10.8929 1.62542 10.8929H13.3742C14.1132 10.8929 14.6998 10.2931 14.6998 9.56729V3.12109C14.6685 3.14455 14.6365 3.16736 14.6037 3.18921L8.70325 7.12303Z' fill='%23FFF7FD'/%3E%3Cpath d='M0.863711 2.48657L6.76442 6.42053C6.98779 6.56945 7.24378 6.6439 7.49978 6.6439C7.7558 6.6439 8.01182 6.56942 8.23519 6.42053L14.1359 2.48657C14.489 2.25131 14.6998 1.85756 14.6998 1.43259C14.6998 0.701872 14.1053 0.107422 13.3746 0.107422H1.62497C0.894283 0.10745 0.299805 0.7019 0.299805 1.43329C0.299805 1.85756 0.51063 2.25131 0.863711 2.48657Z' fill='%23FFF7FD'/%3E%3C/svg%3E%0A");
    }
}