/* rt-button element-one */

.rt-button.element-one {}

.rt-button.element-one[data-button-direction=left] {
    text-align: left;
}

.rt-button.element-one[data-button-direction=center] {
    text-align: center;
}

.rt-button.element-one[data-button-direction=right] {
    text-align: right;
}

.rt-button.element-one .rt-button-main {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-button.element-one[data-button-fullwidth=true] .rt-button-main {
    width: 100%;
}

.rt-button.element-one[class*='hover-style-'] .rt-button-main>.overlay {
    position: absolute;
    z-index: 0;
    content: " ";
}

.rt-button.element-one.hover-style-one .rt-button-main>.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-button.element-one.hover-style-one .rt-button-main:hover>.overlay {
    opacity: 1;
    visibility: visible;
}

.rt-button.element-one.hover-style-two .rt-button-main>.overlay {
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

.rt-button.element-one.hover-style-two .rt-button-main:hover>.overlay {
    width: 100%;
    left: 0;
    right: auto;
}

.rt-button.element-one.hover-style-three .rt-button-main>.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.rt-button.element-one.hover-style-three .rt-button-main:hover>.overlay {
    opacity: 1;
    visibility: visible;
    transform: scale(2);
    -webkit-transform: scale(2);
}

.rt-button.element-two.hover-style-four .rt-button-main>.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.rt-button.element-two.hover-style-four .rt-button-main:hover>.overlay {
    opacity: 1;
    visibility: visible;
}

.rt-button.element-one .rt-button-main>.placeholder {
    position: relative;
    /*transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;*/
}

.rt-button.element-one .rt-button-main i {
    transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.rt-button.element-one[data-button-icon-position=left] .rt-button-main i {
    margin-right: 10px;
}

.rt-button.element-one[data-button-icon-position=right] .rt-button-main i {
    margin-left: 10px;
}

.rt-button.element-two.hover-style-four .rt-button-main i {
    opacity: 0;
    visibility: hidden;
}

.rt-button.element-two.hover-style-four .rt-button-main:hover i {
    opacity: 1;
    visibility: visible;
}

.rt-button.element-two[data-button-icon-position=left].hover-style-four .rt-button-main i {
    margin-right: -3px;
}

.rt-button.element-two[data-button-icon-position=left].hover-style-four .rt-button-main:hover i {
    margin-right: 10px;
}

.rt-button.element-two[data-button-icon-position=right].hover-style-four .rt-button-main i {
    margin-left: -3px;
}

.rt-button.element-two[data-button-icon-position=right].hover-style-four .rt-button-main:hover i {
    margin-left: 10px;
}