/*Base Button Style*/
.expand-custom-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff !important;
    overflow: hidden;
    display: inline-block !important;
    position: relative;
    text-decoration: none;
    list-style: none;
    -webkit-transition-duration: 167ms !important;
    -o-transition-duration: 167ms !important;
    transition-duration: 167ms !important;
    -webkit-transition-property: background, color, -webkit-box-shadow !important;
    transition-property: background, color, -webkit-box-shadow !important;
    -o-transition-property: background, box-shadow, color !important;
    transition-property: background, box-shadow, color !important;
    transition-property: background, box-shadow, color, -webkit-box-shadow !important;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1) !important;
    -o-transition-timing-function: cubic-bezier(0, 0, .2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important;
    z-index: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body .expand-custom-button:focus {
    outline: 0 none !important;
}

body .expand-custom-button:disabled, .expand-custom-button.disabled {
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFFFFF;
    cursor: not-allowed;
}

body .expand-custom-button:before {
    padding: calc(50% + 30px);
    background: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: .5vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition-property: padding, border-width !important;
    -o-transition-property: padding, border-width !important;
    transition-property: padding, border-width !important;
    -webkit-transition-duration: 334ms !important;
    -o-transition-duration: 334ms !important;
    transition-duration: 334ms !important;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    width: 0;
    z-index: -1;
}

body .expand-custom-button:hover:not(:disabled), body .expand-custom-button:not(:disabled) {
    position: relative !important;

}

body .expand-custom-button:hover:not(:disabled).is-animating-click, body .expand-custom-button:not(:disabled).is-animating-click {
    color: #ffffff !important;
    -webkit-transition-duration: 140ms !important;
    -o-transition-duration: 140ms !important;
    transition-duration: 140ms !important;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

body .expand-custom-button:hover:not(:disabled).is-animating-click:before, body .expand-custom-button:not(:disabled).is-animating-click:before {
    border-width: 50vw;
    padding: 0;
    -webkit-transition-duration: 140ms !important;
    -o-transition-duration: 140ms !important;
    transition-duration: 140ms !important;
}

/*Additional Red*/
/*
expand-custom-button-js expand-custom-button expand-red-button
*/

body .expand-custom-button.expand-red-button {
    background: #d6443f !important;
    text-shadow: 1px 1px #943835 !important;
    border: none;
}

body .expand-custom-button.expand-red-button:before {
    border-color: #fd4d48;
}

body .expand-custom-button.expand-red-button:active,
body .expand-custom-button.expand-red-button:focus {
    color: #fff !important;
    background-image: none !important;
    background-color: #d6443f !important;
}

body .expand-custom-button.expand-red-button:hover:not(:disabled) {
    color: #fff !important;
    background: #d6443f !important;
}

body .expand-custom-button.expand-red-button:disabled {
    color: #fff;
    background: #d6443f !important
}

/*Additional Orange Style*/
/*
expand-custom-button-js expand-custom-button expand-orange-button
*/

body .expand-custom-button.expand-orange-button {
    background: #f9b03b !important;
    text-shadow: 1px 1px #d86f2c !important;
}

body .expand-custom-button.expand-orange-button:before {
    border-color: #d86f2c;
}

body .expand-custom-button.expand-orange-button:active,
body .expand-custom-button.expand-orange-button:focus {
    color: #ffffff !important;
    background-image: none !important;
    background-color: #f9b03b !important;
}

body .expand-custom-button.expand-orange-button:hover:not(:disabled) {
    color: #ffffff !important;
    background: #f9b03b !important;
}

body .expand-custom-button.expand-orange-button:disabled {
    color: #FFFFFF;
    background: #f9b03b !important;
}

/*Additional Yellow Style*/
/*
expand-custom-button-js expand-custom-button expand-yellow-button
*/

body .expand-custom-button.expand-yellow-button {
    background: #f8b64c !important;
    text-shadow: 1px 1px #f8b64c !important;
}

body .expand-custom-button.expand-yellow-button:before {
    border-color: #f8b64c;
}

body .expand-custom-button.expand-yellow-button:active,
body .expand-custom-button.expand-yellow-button:focus {
    color: #ffffff !important;
    background-image: none !important;
    background-color: #f8b64c !important;
}

body .expand-custom-button.expand-yellow-button:hover:not(:disabled) {
    color: #ffffff !important;
    background: #ffd93b !important;
}

body .expand-custom-button.expand-yellow-button:disabled {
    color: #FFFFFF;
    background: #ffd93b !important;
}

/*Additional Orange Two Style*/
/*
expand-custom-button-js expand-custom-button expand-orange-two-button
*/

body .expand-custom-button.expand-orange-two-button {
    background: #ff9700 !important;
    text-shadow: 1px 1px #d86f2c !important;
}

body .expand-custom-button.expand-orange-two-button:before {
    border-color: #ff9700;
}

body .expand-custom-button.expand-orange-two-button:active, body .expand-custom-button.expand-orange-two-button:focus {
    color: #fff !important;
    background-image: none !important;
    background-color: #ff9700 !important;
}

body .expand-custom-button.expand-orange-two-button:hover:not(:disabled) {
    color: #fff !important;
    background: #fab628 !important;
}

body .expand-custom-button.expand-orange-two-button:disabled {
    color: #fff;
    background: #fab628 !important
}

/*Additional Green Style*/
/*
expand-custom-button-js expand-custom-button expand-green-button
*/

body .expand-custom-button.expand-green-button {
    text-shadow: 1px 1px #00ab50 !important;
}

body .expand-custom-button.expand-green-button:before {
    border-color: #00ab50;
}

body .expand-custom-button.expand-green-button:hover:not(:disabled) {
    background: #06df78 !important;
}

body .expand-custom-button.expand-green-button:active,
body .expand-custom-button.expand-green-button:focus {
    background-image: none !important;
    background-color: #00ab50 !important;
}

body .expand-custom-button.expand-green-button:disabled {
    color: #FFFFFF;
    background: #06df78 !important;
}
/*Additional Green Two Style*/
/*
expand-custom-button-js expand-custom-button expand-green-two-button
*/

body .expand-custom-button.expand-green-two-button {
    text-shadow: 1px 1px #41b93f !important;
}

body .expand-custom-button.expand-green-two-button:before {
    border-color: #43c237;
}

body .expand-custom-button.expand-green-two-button:hover:not(:disabled) {
    background: #43d834 !important;
}

body .expand-custom-button.expand-green-two-button:active,
body .expand-custom-button.expand-green-two-button:focus {
    background-image: none !important;
    background-color: #41b93f !important;
}

body .expand-custom-button.expand-green-two-button:disabled {
    color: #FFFFFF;
    background: #43d834 !important;
}

/*Additional Blue Style*/
/*
expand-custom-button-js expand-custom-button expand-blue-button
*/

body .expand-custom-button.expand-blue-button {
    text-shadow: 1px 1px #0f3867 !important;
}

body .expand-custom-button.expand-blue-button:before {
    border-color: #0f3867;
}

body .expand-custom-button.expand-blue-button:hover:not(:disabled) {
    background: #3b80d6 !important;
}

body .expand-custom-button.expand-blue-button:active,
body .expand-custom-button.expand-blue-button:focus {
    background-image: none !important;
    background-color: #0f3867 !important;
}

body .expand-custom-button.expand-blue-button:disabled {
    color: #FFFFFF;
    background: #3b80d6 !important;
}

/*Additional Blue Two Style*/
/*
expand-custom-button-js expand-custom-button expand-blue-two-button
*/

body .expand-custom-button.expand-blue-two-button {
    text-shadow: 1px 1px #025e80 !important;
}

body .expand-custom-button.expand-blue-two-button:before {
    border-color: #025e80;
}

body .expand-custom-button.expand-blue-two-button:hover:not(:disabled) {
    background: #1898c6 !important;
}

body .expand-custom-button.expand-blue-two-button:active,
body .expand-custom-button.expand-blue-two-button:focus {
    background-image: none !important;
    background-color: #025e80 !important;
}

body .expand-custom-button.expand-blue-two-button:disabled {
    color: #FFFFFF;
    background: #1898c6 !important;
}

/*Additional Blue Three Style*/
/*
expand-custom-button-js expand-custom-button expand-blue-three-button
*/

body .expand-custom-button.expand-blue-three-button {
    text-shadow: 1px 1px #025e80 !important;
}

body .expand-custom-button.expand-blue-three-button:before {
    border: 1px solid #025e80;
}

body .expand-custom-button.expand-blue-three-button:hover:not(:disabled) {
    background: #489cc2 !important;
}

body .expand-custom-button.expand-blue-three-button:active,
body .expand-custom-button.expand-blue-three-button:focus {
    background-image: none !important;
    background-color: #489cc2 !important;
}

body .expand-custom-button.expand-blue-three-button:disabled {
    color: #FFFFFF;
    background: #489cc2 !important;
}
/*Additional Grey Style*/
/*
expand-custom-button-js expand-custom-button expand-grey-button
*/
body .expand-custom-button.expand-grey-button:before {
    border-color: #e0e0e0;
}

body .expand-custom-button.expand-grey-button:hover:not(:disabled) {
    color: #000000 !important;
    background: #e0e0e0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
}

/*Additional Black Style*/
/*
expand-custom-button-js expand-custom-button expand-black-button
*/

body .expand-custom-button.expand-black-button {
    text-shadow: 1px 1px #3f4f5b !important;
}

body .expand-custom-button.expand-black-button:before {
    border: 1px solid #3f4f5b;
}

body .expand-custom-button.expand-black-button:hover:not(:disabled) {
    background: #6a7e8d !important;
}

body .expand-custom-button.expand-black-button:active,
body .expand-custom-button.expand-black-button:focus {
    background-image: none !important;
    background-color: #6a7e8d !important;
}

body .expand-custom-button.expand-black-button:disabled {
    color: #FFFFFF;
    background: #6a7e8d !important;
}

/*Additional Green Three Style*/
/*
expand-custom-button-js expand-custom-button expand-green-three-button
*/

body .expand-custom-button.expand-green-three-button {
    text-shadow: 1px 0 #7accb7 !important;
    border-color: #7accb7;
}

body .expand-custom-button.expand-green-three-button:before {
    border-color: #7accb7;
}

body .expand-custom-button.expand-green-three-button:hover:not(:disabled) {
    background: #81f0d3 !important;
}

body .expand-custom-button.expand-green-three-button:active,
body .expand-custom-button.expand-green-three-button:focus {
    background-image: none !important;
    background-color: #81f0d3 !important;
}

body .expand-custom-button.expand-green-three-button:disabled {
    color: #FFFFFF;
    background: #92ccc0 !important;
}

/*Additional White-Green Style*/
/*
expand-custom-button-js expand-custom-button expand-white-green-button
*/
body .expand-custom-button.expand-white-green-button {
    text-shadow: 1px 0 #7accb7 !important;
}

body .expand-custom-button.expand-white-green-button {
    color: #7accb7 !important;
    border: 1px solid #7accb7 !important
}

body .expand-custom-button.expand-white-green-button:before {
    border-color: #7accb7;
}

body .expand-custom-button.expand-white-green-button:hover:not(:disabled) {
    color: #fff !important;
    background: #81f0d3 !important;
}

body .expand-custom-button.expand-white-green-button:disabled {
    color: #FFFFFF;
    background: #92ccc0 !important;
}