.qodef-button .qodef-m-text {
    position: relative
}

.qodef-button .qodef-m-text .qodef-m-arrowline {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 63px;
    height: 19px;
    left: 8px
}

.qodef-button .qodef-m-text .qodef-m-arrowline * {
    stroke: currentColor;
    fill: none;
    stroke-miterlimit: 10
}

.qodef-button .qodef-m-text .qodef-m-arrowline .arrow-down,
.qodef-button .qodef-m-text .qodef-m-arrowline .arrow-up {
    opacity: 1;
    -webkit-transition: opacity .1s ease, -webkit-transform .3s ease;
    transition: opacity .1s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .1s ease;
    transition: transform .3s ease, opacity .1s ease;
    transition: transform .3s ease, opacity .1s ease, -webkit-transform .3s ease
}

.qodef-button .qodef-m-text .qodef-m-arrowline .arrow-up {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.qodef-button .qodef-m-text .qodef-m-arrowline .arrow-down {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.qodef-button.qodef-html--link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    font-family: "Muli SemiBold", sans-serif !important;
    font-size: 15px;
    line-height: 2em;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 16px 29px 17px 30px
}

.qodef-button.qodef-size--small {
    padding: 13px 28px 15px 27px
}

.qodef-button.qodef-size--small .qodef-m-text .qodef-m-arrowline {
    width: 52px
}

.qodef-button.qodef-size--large {
    padding: 17px 35px 18px
}

.qodef-button.qodef-layout--filled.qodef-html--link {
    color: #fff;
    background-color: #ee0d08;
    border: 1px solid transparent
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover {
    color: #fff;
    background-color: #101010
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover .qodef-m-text .qodef-m-arrowline .arrow-down,
.qodef-button.qodef-layout--filled.qodef-html--link:hover .qodef-m-text .qodef-m-arrowline .arrow-up {
    opacity: 0;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transition: opacity .1s ease .1s, -webkit-transform .3s ease;
    transition: opacity .1s ease .1s, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .1s ease .1s;
    transition: transform .3s ease, opacity .1s ease .1s;
    transition: transform .3s ease, opacity .1s ease .1s, -webkit-transform .3s ease
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover .qodef-m-text .qodef-m-arrowline .arrow-down {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.qodef-button.qodef-layout--outlined {
    color: #ee0d08;
    background-color: transparent;
    border: 2px solid #ee0d08
}

.qodef-button.qodef-layout--outlined:hover {
    color: #fff;
    background-color: #ee0d08;
    border-color: #ee0d08
}

.qodef-button.qodef-layout--outlined:hover .qodef-m-text .qodef-m-arrowline .arrow-down,
.qodef-button.qodef-layout--outlined:hover .qodef-m-text .qodef-m-arrowline .arrow-up {
    opacity: 0;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transition: opacity .1s ease .1s, -webkit-transform .3s ease;
    transition: opacity .1s ease .1s, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .1s ease .1s;
    transition: transform .3s ease, opacity .1s ease .1s;
    transition: transform .3s ease, opacity .1s ease .1s, -webkit-transform .3s ease
}

.qodef-button.qodef-layout--outlined:hover .qodef-m-text .qodef-m-arrowline .arrow-down {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.qodef-button.qodef-layout--splitted, .qodef-button.qodef-layout--splitted:focus {
   /* color: #fff;
    background-color: #ee0d08*/

    color: #ED1C24 !important;
    background-color: #fff !important;
}
.qodef-button.qodef-layout--splitted-1, .qodef-button.qodef-layout--splitted-1:focus {
    /* color: #fff;
     background-color: #ee0d08*/

    color: #fff !important;
    background-color: #ED1C24 !important;
}

.qodef-button.qodef-layout--splitted .qodef-m-text,.qodef-button.qodef-layout--splitted-1 .qodef-m-text {
    z-index: 2
}

.qodef-button.qodef-layout--splitted .qodef-m-split, .qodef-button.qodef-layout--splitted-1 .qodef-m-split {
    position: absolute;
    height: 50%;
    width: 0;
    background: #101010;
    z-index: 1;
    -webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: .3s cubic-bezier(.785, .135, .15, .86);
    transition: .3s cubic-bezier(.785, .135, .15, .86)
}

.qodef-button.qodef-layout--splitted .qodef-split--up, .qodef-button.qodef-layout--splitted-1 .qodef-split--up{
    top: 0;
    left: 0;
    right: auto
}

.qodef-button.qodef-layout--splitted .qodef-split--down, .qodef-button.qodef-layout--splitted-1 .qodef-split--down{
    bottom: 0;
    right: 0;
    left: auto
}

.qodef-button.qodef-layout--splitted:hover {
    color: #fff !important;
    /*background-color: #ee0d08*/
    background-color: #ee0d08 !important;
}
.qodef-button.qodef-layout--splitted-1:hover {
    color: #fff !important;
    /*background-color: #ee0d08*/
    background-color: #333333 !important;
}
.qodef-button.qodef-layout--splitted:hover .qodef-m-text .qodef-m-arrowline .arrow-down,
.qodef-button.qodef-layout--splitted:hover .qodef-m-text .qodef-m-arrowline .arrow-up,
.qodef-button.qodef-layout--splitted-1:hover .qodef-m-text .qodef-m-arrowline .arrow-down,
.qodef-button.qodef-layout--splitted-1:hover .qodef-m-text .qodef-m-arrowline .arrow-up {
    opacity: 0;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transition: opacity .1s ease .1s, -webkit-transform .3s ease;
    transition: opacity .1s ease .1s, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .1s ease .1s;
    transition: transform .3s ease, opacity .1s ease .1s;
    transition: transform .3s ease, opacity .1s ease .1s, -webkit-transform .3s ease
}

.qodef-button.qodef-layout--splitted:hover .qodef-m-text .qodef-m-arrowline .arrow-down, .qodef-button.qodef-layout--splitted-1:hover .qodef-m-text .qodef-m-arrowline .arrow-down {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.qodef-button.qodef-layout--splitted:hover .qodef-split--up, .qodef-button.qodef-layout--splitted-1:hover .qodef-split--up {
    width: 100%;
    right: 0;
    left: auto
}

.qodef-button.qodef-layout--splitted:hover .qodef-split--down, .qodef-button.qodef-layout--splitted-1:hover .qodef-split--down {
    width: 100%;
    left: 0;
    right: auto
}

.qodef-button.qodef-layout--textual {
    padding: 0 !important;
    font-size: 15px;
    color: #fff;
    background-color: transparent;
    border: 0
}

.qodef-button.qodef-layout--textual .qodef-m-text {
    display: inline-block;
    vertical-align: middle
}

.qodef-button.qodef-layout--textual:hover {
    color: #fff
}

.qodef-button.qodef-layout--textual:hover .qodef-m-text .qodef-m-arrowline .arrow-down,
.qodef-button.qodef-layout--textual:hover .qodef-m-text .qodef-m-arrowline .arrow-up {
    opacity: 0;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transition: opacity .1s ease .1s, -webkit-transform .3s ease;
    transition: opacity .1s ease .1s, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, opacity .1s ease .1s;
    transition: transform .3s ease, opacity .1s ease .1s;
    transition: transform .3s ease, opacity .1s ease .1s, -webkit-transform .3s ease
}

.qodef-button.qodef-layout--textual:hover .qodef-m-text .qodef-m-arrowline .arrow-down {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}