.ladda-button {
    position: relative
}
.ladda-button .ladda-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: 0;
    opacity: 0;
    pointer-events: none
}
.ladda-button .ladda-label {
    position: relative;
    z-index: 3
}
.ladda-button .ladda-progress {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.1s linear all !important;
    -moz-transition: 0.1s linear all !important;
    -ms-transition: 0.1s linear all !important;
    -o-transition: 0.1s linear all !important;
    transition: 0.1s linear all !important
}
.ladda-button[data-loading] .ladda-progress {
    opacity: 1;
    visibility: visible
}
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important
}

.ladda-button[data-style=expand-right] .ladda-spinner {
    right: -6px
}
.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
    right: -12px
}
.ladda-button[data-style=expand-right][data-loading] {
    padding-right: 56px
}
.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1
}
.ladda-button[data-style=expand-right][data-loading][data-size="s"],
.ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
    padding-right: 40px
}
.ladda-button[data-style=expand-left] .ladda-spinner {
    left: 26px
}
.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
    left: 4px
}
.ladda-button[data-style=expand-left][data-loading] {
    padding-left: 56px
}
.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1
}
.ladda-button[data-style=expand-left][data-loading][data-size="s"],
.ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
    padding-left: 40px
}

.ladda-button[disabled],
.ladda-button[data-loading] {
    border-color: rgba(0, 0, 0, 0.07)
}
.ladda-button[disabled] {
    cursor: default;
}

.ladda-button[disabled]:hover {
    background-color: #5F8295!important;
}