.btn_common{
    margin-top: 15px;
    margin-right: 10px;
    text-transform: none;
    white-space: nowrap;
    border-radius:6px;
    color: #fff;
    background: var(--maincolor);
    padding: 8px 20px;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.08929em;
}
.btn_common:hover,.btn_common:focus{
    color: #fff;
    background: var(--mainlightcolor);
}
.delbtn {
    background: #d1074a;
    color: #fff;
}
.delbtn:hover,.delbtn:focus{
    background: #bb0340;
    color: #fff;
}
.delbtn-outline{
    border-color: #d1074a;
    color: #d1074a;
}
.delbtn-outline:hover,.btn1-outline:focus{
    background: #d1074a;
    color: #fff;
}
.delbtn-primary{
    background: var(--maincolor);
    color: #fff;
}
.delbtn-primary:hover,.delbtn-primary:focus{
    background:  var(--mainlightcolor);
    color: #fff;
}
.delbtn-primary-outline{
    border-color: var(--maincolor);
    color: var(--maincolor);
}
.delbtn-primary-outline:hover,.delbtn-primary-outline:focus{
    background: var(--maincolor);
    color: #fff;
}

.btn1{
    background: #f1c909;
    color: #333;
}
.btn1:hover,.btn1:focus{
    background: #dbb704;
    color: #333;
}
.btn1-outline{
    border-color: #f1c909;
    color: #f1c909;
}
.btn1-outline:hover,.btn1-outline:focus{
    background: #dbb704;
    color: #fff;
}
.btn1-primary{
    background: var(--maincolor);
    color: #fff;
}
.btn1-primary:hover,.btn1-primary:focus{
    background:  var(--mainlightcolor);
    color: #fff;
}
.btn1-primary-outline{
    border-color: var(--maincolor);
    color: var(--maincolor);
}
.btn1-primary-outline:hover,.btn1-primary-outline:focus{
    background: var(--maincolor);
    color: #fff;
}
.btn2{
    background: #10e14f;
    color: #fff;
}
.btn2:hover,.btn2:focus{
    background: #07cf43;
    color: #fff;
}
.btn2-outline{
    border-color: #07cf43;
    color: #07cf43;
}
.btn2-outline:hover,.btn2-outline:focus{
    background: #07cf43;
    color: #fff;
}
.btn2-primary{
    background: var(--maincolor);
    color: #fff;
}
.btn2-primary:hover,.btn2-primary:focus{
    background:  var(--mainlightcolor);
    color: #fff;
}
.btn2-primary-outline{
    border-color: var(--maincolor);
    color: var(--maincolor);
}
.btn2-primary-outline:hover,.btn2-primary-outline:focus{
    background: var(--maincolor);
    color: #fff;
}

.btn3{
    background: #10a9e1;
    color: #fff;
}
.btn3:hover,.btn3:focus{
    background: #0993c5;
    color: #fff;
}
.btn3{
    background: #1d35ed;
    color: #fff;
}
.btn3:hover,.btn3:focus{
    background: #122ade;
    color: #fff;
}
.btn3-outline{
    border-color: #122ade;
    color: #122ade;
}
.btn3-outline:hover,.btn3-outline:focus{
    background: #122ade;
    color: #fff;
}
.btn3-primary{
    background: var(--maincolor);
    color: #fff;
}
.btn3-primary:hover,.btn3-primary:focus{
    background:  var(--mainlightcolor);
    color: #fff;
}
.btn3-primary-outline{
    border-color: var(--maincolor);
    color: var(--maincolor);
}
.btn3-primary-outline:hover,.btn3-primary-outline:focus{
    background: var(--maincolor);
    color: #fff;
}

.btn4{
    background: #bc1ded;
    color: #fff;
}
.btn4:hover,.btn4:focus{
    background: #ab11da;
    color: #fff;
}
.btn4-outline{
    border-color: #ab11da;
    color: #ab11da;
}
.btn4-outline:hover,.btn4-outline:focus{
    background: #ab11da;
    color: #fff;
}
.btn4-primary{
    background: var(--maincolor);
    color: #fff;
}
.btn4-primary:hover,.btn4-primary:focus{
    background:  var(--mainlightcolor);
    color: #fff;
}
.btn4-primary-outline{
    border-color: var(--maincolor);
    color: var(--maincolor);
}
.btn4-primary-outline:hover,.btn4-primary-outline:focus{
    background: var(--maincolor);
    color: #fff;
}
.btn5{
    background: #1ddfed;
    color: #fff;
}
.btn5:hover,.btn5:focus{
    background: #11c6d3;
    color: #fff;
}
.btn5-outline{
    border-color: #1ddfed;
    color: #1ddfed;
}
.btn5-outline:hover,.btn5-outline:focus{
    background: #11c6d3;
    color: #fff;
}
.btn5-primary{
    background: var(--maincolor);
    color: #fff;
}
.btn5-primary:hover,.btn5-primary:focus{
    background:  var(--mainlightcolor);
    color: #fff;
}
.btn5-primary-outline{
    border-color: var(--maincolor);
    color: var(--maincolor);
}
.btn5-primary-outline:hover,.btn5-primary-outline:focus{
    background: var(--maincolor);
    color: #fff;
}

.btn6{
    background: #9aed1d;
    color: #000;
}
.btn6:hover,.btn6:focus{
    background: #9aed1d;
    color: #000;
}
.btn7{
    background: #1dedbc;
    color: #000;
}
.btn7:hover,.btn7:focus{
    background: #1dedbc;
    color: #000;
}
.btn8{
    background: #ed1dca;
    color: #ffffff;
}
.btn8:hover,.btn8:focus{
    background: #ed1dca;
    color: #ffffff;
}
.btn9{
    background: #4493ee;
    color: #ffffff;
}
.btn9:hover,.btn9:focus{
    background: #4493ee;
    color: #ffffff;
}
.btn9-primary{
    background: var(--maincolor);
    color: #fff;
}
.btn9-primary:hover,.btn9-primary:focus{
    background:  var(--mainlightcolor);
    color: #fff;
}
.btn9-primary-outline{
    border-color: var(--maincolor);
    color: var(--maincolor);
}
.btn9-primary-outline:hover,.btn9-primary-outline:focus{
    background: var(--maincolor);
    color: #fff;
}
.btn10{
    background: #5af5d1;
    color: #323232;
}
.btn10:hover,.btn10:focus{
    background: #5af5d1;
    color: #323232;
}
.btn-success{
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-success:hover,.btn-success:focus{
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.btn-success-outline{
    border-color: #28a745;
    color: #28a745;
}
.btn-success-outline:hover,.btn-success-outline:focus{
    background: #28a745;
    color: #fff;
}
.btn-success-primary{
    background: var(--maincolor);
    color: #fff;
}
.btn-success-primary:hover,.btn-success-primary:focus{
    background:  var(--mainlightcolor);
    color: #fff;
}
.btn-success-primary-outline{
    border-color: var(--maincolor);
    color: var(--maincolor);
}
.btn-success-primary-outline:hover,.btn-success-primary-outline:focus{
    background: var(--maincolor);
    color: #fff;
}