.sd-block-button > * {
    display: inline-block;
    position: relative;
    max-width: 100%;
    font-size: 18px;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

.sd-block-button:not(.style-text) > * {
    padding: 0 20px;
    line-height: 36px;
}

.sd-block-button.next-icon > * {
    width: 100%;
    padding-right: 25px;
}

.sd-block-button > *:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

.sd-block-button.style-text > * {
    line-height: 40px;
    text-decoration: underline;
}

.sd-block-button.style-text.color-purple > * {
    color: #4A3667;
}

.sd-block-button.style-text.color-lightpurple > * {
    color: #F4EFFA;
}

.sd-block-button.style-text.color-white > * {
    color: #FFF;
}

.sd-block-button.style-text.color-black > * {
    color: #121212;
}

.sd-block-button.style-text > *:hover {
    text-decoration: none;
}

.sd-block-button.style-solid.color-white > *:hover,
.sd-block-button.style-transparent.color-white > * {
    border: 2px solid #FFF;
    background-color: transparent;
    color: #FFF;
}

.sd-block-button.style-solid.color-white > *,
.sd-block-button.style-transparent.color-white > *:hover {
    border: 2px solid #FFF;
    background-color: #FFF;
    color: #121212;
}

.sd-block-button.style-solid.color-purple > *:hover,
.sd-block-button.style-transparent.color-purple > * {
    border: 2px solid #4A3667;
    background-color: transparent;
    color: #121212;
}

.sd-block-button.style-solid.color-purple > *,
.sd-block-button.style-transparent.color-purple > *:hover {
    border: 2px solid #4A3667;
    background-color: #4A3667;
    color: #FFF;
}

.sd-block-button.style-solid.color-lightpurple > *:hover,
.sd-block-button.style-transparent.color-lightpurple > * {
    border: 2px solid #F4EFFA;
    background-color: transparent;
    color: #121212;
}

.sd-block-button.style-solid.color-lightpurple > *,
.sd-block-button.style-transparent.color-lightpurple > *:hover {
    border: 2px solid #F4EFFA;
    background-color: #F4EFFA;
    color: #121212;
}

.sd-block-button.style-solid.color-black > *:hover,
.sd-block-button.style-transparent.color-black > * {
    border: 2px solid #121212;
    background-color: transparent;
    color: #121212;
}

.sd-block-button.style-solid.color-black > *,
.sd-block-button.style-transparent.color-black > *:hover {
    border: 2px solid #121212;
    background-color: #121212;
    color: #FFF;
}


.sd-block-button.next-icon svg {
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 15px;
    right: 15px;
    color: currentColor;
}

.sd-block-button.next-icon svg path {
    fill: currentColor;
}

.sd-block-button.align-left {
    text-align: left;
}

.sd-block-button.align-center {
    text-align: center;
}

.sd-block-button.align-right {
    text-align: right;
}

@media screen and (max-width: 1600px) {
    .sd-block-button > * {
        font-size: 15px;
    }

    .sd-block-button:not(.style-text) > * {
        padding: 0 17px;
        line-height: 30px;
    }

    .sd-block-button.style-text > * {
        line-height: 33px;
        text-decoration: underline;
    }

    .sd-block-button.next-icon svg {
        top: 10px;
        right: 10px;
    }
}

@media screen and (max-width: 1400px) {
    .sd-block-button > * {
        font-size: 14px;
    }

    .sd-block-button:not(.style-text) > * {
        padding: 0 15px;
        line-height: 26px;
    }

    .sd-block-button.style-text > * {
        line-height: 29px;
        text-decoration: underline;
    }

    .sd-block-button.next-icon svg {
        top: 8px;
        right: 8px;
    }
}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 767px) {
    .sd-block-button.mobile_hide-yes {
        display: none;
    }

    .sd-block-button.mobile_align-left {
        text-align: left;
    }

    .sd-block-button.mobile_align-center {
        text-align: center;
    }

    .sd-block-button.mobile_align-right {
        text-align: right;
    }
}