:root {
    --primary-color: #ff0000;
    --primary-color-rgb: 255,0,0;
}


.btn,
.btn-primary,
button.btn,
button.btn-primary,
.tp-btn,
.tp-btn-2,
.tp-btn-3 {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
button.btn:hover,
button.btn:focus,
button.btn:active,
button.btn-primary:hover,
button.btn-primary:focus,
button.btn-primary:active,
.tp-btn:hover,
.tp-btn:focus,
.tp-btn:active,
.tp-btn-2:hover,
.tp-btn-2:focus,
.tp-btn-2:active,
.tp-btn-3:hover,
.tp-btn-3:focus,
.tp-btn-3:active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.btn-outline-primary {
    background-color: transparent !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}