.btn-primary {
    padding: 7px 46px;
    background-color: var(--primary-color);
    color: var(--white-color);
    transition: all ease-in-out 0.3s;
}

.btn-primary:hover {
    border-color: var(--primary-color);
    background-color: transparent;
}

.btn-secondary {
    padding: 7px 46px;
    background-color: var(--secondary-color);
    color: var(--white-color);
    transition: all ease-in-out 0.3s;
}

.btn-secondary:hover {
    border-color: var(--secondary-color);
    background-color: transparent;
}

.btn-primary-linear {
    color: var(--white-color);
    padding: 12px 15px;
    border-color: var(--primary-color) !important;
    background-image: -moz-linear-gradient(0deg, #173248 0%, #354C5F 100%);
    background-image: -webkit-linear-gradient(0deg, #173248 0%, #354C5F 100%);
    background-image: -ms-linear-gradient(0deg, #173248 0%, #354C5F 100%);
    transition: all ease-in-out 0.3s;
}

.btn-primary-linear:hover {
    color: #cbcbcb;
}

.btn-color-primary {
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.btn-color-primary::before {
    background-color: #0e1f2d !important;
}

.btn-color-secondary {
    background-color: var(--secondary-color) !important;
    color: var(--white-color) !important;
}
.btn-color-secondary::before {
    background-color: #7a9d9e !important;
}

@media only screen and (max-width: 425px) {
    .main-btn {
        padding: 10px 20px;
        text-wrap: auto;
        line-height: normal;
    }
}