.radiantthemes-custom-button.element-three {

    padding: 0;

    margin: 0;

    transition: all .3s ease;

    z-index: 1;

    position: relative;

}



.radiantthemes-custom-button.element-three .rt-btn-effect .link {

    align-items: center;

    color: #fff;

    text-decoration: none;

    display: flex;

}



.rt-btn-effect-info {

    display: inline-flex;

    padding: 0 20px;

    border-radius: inherit;

    border-color: inherit;

    align-items: center;

    background: #31cb53;

    border-radius: 4px;

    border: none;

    padding: 11px 33px;

    box-shadow: 0 0 30px 0px rgb(0 0 0 / 7%);

    transition: all 0.3s ease-in-out;

    cursor: pointer;

}



.rt-btn-effect-info:hover {

    transition: all 0.3s ease-in-out;

    background: #17a135;

}



/* Hide extra text */

.radiantthemes-custom-button.element-three .rt-btn-effect .mask {

    position: relative;

    padding: 0;

    height: 28px;

    overflow: hidden;

}



.radiantthemes-custom-button.element-three .rt-btn-effect .link-container {

    transition: transform 0.4s ease;

}



.radiantthemes-custom-button.element-three .rt-btn-effect .title {

    display: block;

    margin: 0;

    padding-bottom: 0;

    font-size: 16px;

    line-height: 30px;

    font-weight: 500;

    transition: transform 0.4s ease;

    color: #fff;

}



.radiantthemes-custom-button.element-three .rt-btn-effect .link-title1 {

    transform-origin: right center;

    transition: transform 0.4s ease;

}



.radiantthemes-custom-button.element-three .rt-btn-effect .link-title2 {

    transform-origin: left center;

    transform: rotate(0deg);

    transition: transform 0.4s ease;

}



.radiantthemes-custom-button.element-three .rt-btn-effect .link-icon {

    position: relative;

    width: 35px;

    height: 35px;

    background: #f8f8ff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-left: 10px;

    overflow: hidden;

}



.radiantthemes-custom-button.element-three .rt-btn-effect .icon-grid {

    display: block;

    transition: transform 0.4s ease;

}



/* Hover Action*/



.radiantthemes-custom-button.element-three .rt-btn-effect .rt-btn-effect-info:hover .link .link-container {

    transform: translateY(-30px);

    transition: transform 0.4s ease;



}



/* Rotate texts a little bit */

.radiantthemes-custom-button.element-three .rt-btn-effect .rt-btn-effect-info:hover .link .link-title1 {

    transform: rotate(0deg);

    transition: transform 0.4s ease;

}



.radiantthemes-custom-button.element-three .rt-btn-effect .rt-btn-effect-info:hover .link .link-title2 {

    transform: rotate(0);

    transition: transform 0.4s ease;

}