.btn{
    width: 200px !important;
    border-radius: 50px;
}

.button-purple{
    background-color: #6c5dd3;
    color: #fff;
}
.button-purple:focus{
    box-shadow: 0 0 0 0.2rem #6c5dd3;
}
.button-purple:hover{
    background-color: #6c5dd3;
    color: #fff;
}
.button-purple-outline{
    border: 2px solid #6c5dd3;
}
.button-purple-outline:focus{
    box-shadow: none;
}
.button-purple-outline:hover{
    border: 2px solid #6c5dd3;
    background-color: #6c5dd3;
    color: #fff !important;
}

.button-red-outline{
    border: 2px solid #ff425b;
}
.button-red-outline:focus{
    box-shadow: none;
}
.button-red-outline:hover{
    border: 2px solid #db384e;
    background-color: #db384e;
    color: #fff !important;
}


.button-green-outline{
    border: 2px solid #32b42e;
}
.button-green-outline:focus{
    box-shadow: none;
}
.button-green-outline:hover{
    border: 2px solid #32b42e;
    background-color: #32b42e;
    color: #fff !important;
}


.button-blue{
    background-color: #0088c8;
    color: #fff;
}
.button-blue:hover{
    background-color: #14a3e6;
    color: #fff;
}
.button-blue-outline{
    color: #fff;
    border: 2px solid #0088c8;
}
.button-blue-outline:hover{
    border: 2px solid #0088c8;
    background-color: #0088c8;
    color: #fff;
}


.button-cyan{
    background-color: #00fff2;
    color: #111;
}
.button-cyan:hover{
    background-color: #006661;
    color: #fff;
}
.button-cyan-outline{
    color: #fff;
    border: 2px solid #00fff2;
}
.button-cyan-outline:hover{
    border: 2px solid #00fff2;
    background-color: #006661;
    color: #fff;
}


.text-dark-loader{
    color: #00020d !important;
}
.text-light-loader{
    color: #fff;
}