:root{
    --color-text-base: #002b52;
    --color-brand-primary-one: #003978;
    --color-surface-components:#f2f5f7;
    --color-brand-primary-three: #eef7fb;
    --color-inputs-placeholder: #637185;
    --size-button-height-base: 3.375rem;
    --size-radius-medium: 1rem;
}

.btn{color:var(--color-primitive-white) !important;border-radius:var(--size-radius-medium) !important;background:var(--color-text-base);background:-moz-linear-gradient(left,var(--color-text-base) 0,var(--color-text-base) 100%);background:-webkit-linear-gradient(left,var(--color-text-base) 0,var(--color-text-base) 100%);background:linear-gradient(to right,var(--color-text-base) 0,var(--color-text-base) 100%)}.btn:hover{background:var(--color-text-base)!important;background:-moz-linear-gradient(left,var(--color-text-base) 0,var(--color-text-base) 100%);background:-webkit-linear-gradient(left,var(--color-text-base) 0,var(--color-text-base) 100%);background:linear-gradient(to right,var(--color-text-base) 0,var(--color-text-base) 100%)}.hoterl-pop .nav>li.active a{color:var(--color-primitive-white) !important;background:var(--color-text-base);background:-moz-linear-gradient(left,var(--color-text-base) 0,var(--color-text-base) 100%);background:-webkit-linear-gradient(left,var(--color-text-base) 0,var(--color-text-base) 100%);background:linear-gradient(to right,var(--color-text-base) 0,var(--color-text-base) 100%)}

.btn.ave, .btn.ave:hover{color: var(--color-text-base) !important;}

.btn:hover{
    background-color: #002652 !important;
}
.btn:focus {
  background-color-: blue;
}

.btn:active {
  background-color-: red;
}