.color {
    width: 100%;
    height: 100%;
    color: white;
    background: linear-gradient( 
45deg , #fd611c, #fe8e1c);
    border-radius: 100px 100px 0 0;
}

.color-2 {
background: linear-gradient( 
45deg , #fd611c, #fe8e1c);    width: 100%;
    height: 100%;
    color: white;
        padding: 28px 0;
}



.btn-outline-primary:hover {
    color: white;
    border-color: rgb(31, 94, 196);
    background-color: rgb(31, 94, 196);
}

.btn-outline-primary {
   color: white;
    background: linear-gradient(to right,#003DE4,#02A4ED);
    padding: 28px 0;
    border-radius: 0 0 40px 40px;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: rgb(31, 94, 196);
    border-color: rgb(31, 94, 196);
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgb(31, 94, 196);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: rgb(31, 94, 196);
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: rgb(31, 94, 196);
    border-color: rgb(31, 94, 196);
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgb(31, 94, 196);
}