.btn-orange {
    border: unset;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: #f1914d;
    color: white;
    transition: all 100ms ease-in-out;
    font-weight: 500;
    font-size: 1rem;
}

    .btn-orange:hover {
        background-color: #ed7520;
        cursor: pointer;
    }

.btn-orange--outline {
    border: 1px solid #f1914d !important;
    padding: .5rem 1rem !important;
    border-radius: 5px !important;
    background-color: unset !important;
    color: #f1914d!important;
    transition: all 150ms ease-in-out;
    font-size: 1rem;
    font-weight: 500;
}

    .btn-orange--outline:hover {
        border: 1px solid #ed7520 !important;
        color: #ed7520 !important;
        cursor: pointer !important;
        background-color: rgba(241, 145, 77, 0.08) !important;
    }

.btn-orange--no-bg {
    border: unset;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: unset;
    color: #f1914d;
    transition: all 100ms ease-in-out;
    font-size: 1rem;
    font-weight: 500;
}

    .btn-orange--no-bg:hover {
        color: #ed7520;
        font-weight: 500;
        background-color: rgba(241, 145, 77, 0.08);
        cursor: pointer;
    }

.btn-blue {
    border: unset;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: #49A7DC;
    color: white;
    transition: all 100ms ease-in-out;
    font-size: 1rem;
    font-weight: 500;
}

    .btn-blue:hover {
        background-color: #349DD8;
        cursor: pointer;
    }

.btn-blue--outline {
    border: 1px solid #49A7DC;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: unset;
    color: #49A7DC;
    transition: all 100ms ease-in-out;
    font-size: 1rem;
    font-weight: 500;
}

    .btn-blue--outline:hover {
        border: 1px solid #349DD8;
        color: #349DD8;
        cursor: pointer;
        font-weight: 500;
        background-color: rgba(52, 157, 216, 0.08);
    }

.btn-blue--no-bg {
    border: unset;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: unset;
    color: #49A7DC;
    transition: all 100ms ease-in-out;
    font-size: 1rem;
    font-weight: 500;
}

    .btn-blue--no-bg:hover {
        color: #349DD8;
        font-weight: 500;
        background-color: rgba(52, 157, 216, 0.08);
        cursor: pointer;
    }

.btn-red {
    border: unset;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: #DC5D48;
    color: white;
    transition: all 100ms ease-in-out;
    font-size: 1rem;
    font-weight: 500;
}

    .btn-red:hover {
        background-color: #D84B33;
        cursor: pointer;
        font-weight: 500;
    }

.btn-red--outline {
    border: 1px solid #DC5D48;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: unset;
    color: #DC5D48;
    transition: all 100ms ease-in-out;
    font-size: 1rem;
    font-weight: 500;
}

    .btn-red--outline:hover {
        border: 1px solid #D84B33;
        color: #D84B33;
        cursor: pointer;
        background-color: rgba(220, 93, 72, 0.08);
        font-weight: 500;
    }

.btn-red--no-bg {
    border: unset;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: unset;
    color: #DC5D48;
    transition: all 100ms ease-in-out;
    font-size: 1rem;
    font-weight: 500;
}

    .btn-red--no-bg:hover {
        color: #D84B33;
        font-weight: 500;
        background-color: rgba(220, 93, 72, 0.08);
        cursor: pointer;
        font-weight: 500;
    }

.my-btn-sm{
    padding: 4px 1rem!important;
}