.rkit-advanced-button-inner-wrapper:hover{
display : flex;
justify-content : center; 
} 
.rkit-advanced-button-outer-wrapper{
display : flex;
width : 100%;
height : auto;
justify-content : center; 
align-self  : center; 
}
.rkit-advanced-button  {
position: relative;
display: inline-block;
overflow: hidden;
background: transparent; 
padding: 16px 32px 16px 32px;
width : 248px;
height : 48px;
} .rkit-advanced-button-outer-wrapper.ab-style-1{
background: transparent;
}
.rkit-advanced-button.ab-style-1{
border : 2px solid #00cea6;
border-radius : 8px;
color: #000000;
font-family: 'poppins';
font-weight: 500; 
text-align: center;  
z-index: 0;
}
.rkit-advanced-button-icon-ab-style-1{
width : 20px;
height : 20px;
background : transparent;
padding : 5px;
border-radius : 50%;
justify-content : center;
}
.rkit-advanced-button-icon_two-ab-style-2{
width : 20px;
height : 20px;
background : transparent;
padding : 5px;
border-radius : 50%;
justify-content : center;
} .rkit-advance-button-text-wrapper_one,
.rkit-advance-button-text-wrapper_two {
display: flex;
flex-direction : row-reverse;
position: absolute;
font-size : 18px;
gap : 8px;
left: 50%;
transform: translateX(-50%);
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
white-space: nowrap;
z-index : 2;
}
.rkit-advance-button-text-wrapper_one {
top: 50%;
transform: translate(-50%, -50%);
opacity: 1;
}
.rkit-advance-button-text-wrapper_two {
top: -20%;
transform: translate(-50%, -50%);
opacity: 1;
} .rkit-advanced-button.ab-style-1:hover .rkit-advance-button-text-wrapper_one {
transform: translate(-50%, 250%);
opacity: 1;
}
.rkit-advanced-button.ab-style-1:hover .rkit-advance-button-text-wrapper_two {
transform: translate(-50%, 50%) ;
opacity: 1;  
animation: down-text 0.5s forwards;
}
@keyframes down-text {
0% {
top : -10%;
}
25%{
top : 0%;
}
50%{
top : 1%;
}
100% {
top : -10%;
}
}
.rkit-advanced-button.ab-style-1::after {
content: "";
position: absolute;
left:0;
right:0;
bottom:0; 
width: 200%;
height : 200%;
background: #00cea6;  
transform: translatex(-110%) skew(-127deg, -180deg);
transition: transform 0.6s;
z-index: -99;
}
.rkit-advanced-button.ab-style-1:hover::after {
width: 200%;
height : 200%;
visibility: visible; 
transform: translatex(-40%) skew(-127deg, -180deg);
transition:  transform 0.6s  ;
}
.rkit-advanced-button.ab-style-1:hover{
box-shadow: 0px 8px 24px 7px rgba(0, 206.00000000000003, 165.99999999999994, 0.53);
}  .rkit-advance-button-text-ab-style-2{
display: flex;
flex-direction: row-reverse ;
justify-content : center;
gap : 10px;
align-items : center;
line-height : normal;
}
.rkit-advanced-button-icon-ab-style-2{
background : #c5b0b0;
align-items : center;
justify-content : center;
padding : 5px;
font-size : 15px;
border-radius : 50%;
justify-content : center;
}
.rkit-advanced-button:hover .rkit-advanced-button-icon-ab-style-2{
transform : rotate(90deg);
transition: transform 0.6s ease-in-out; 
animation-fill-mode: forwards;
animation-delay: 1s;
}
.rkit-advanced-button-outer-wrapper.ab-style-2{
background: black;
}
.rkit-advanced-button.ab-style-2 {
position: relative;
display: inline-block;
background: black;
border-radius: 40px;
color: #ffff;
font-family: 'Poppins', sans-serif;
font-weight: 500;
padding: 16px 32px;
width: 180px;
text-align: center;
cursor: pointer;
transition: color 1s ease-in-out, border-top 1s ease-in-out; border-top: 1px solid #00cea6; }
.rkit-advanced-button.ab-style-2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 40px;
border: 1px solid transparent;  transition: border 0.3s ease-in-out;
opacity: 0; }
.rkit-advanced-button.ab-style-2:hover {
border-top: 1px solid rgba(0, 206, 166, 0); transition: border-top 0.5s ease-in-out; }
.rkit-advanced-button.ab-style-2:hover::before {
opacity: 1; animation: shadow 2.5s infinite ease-in-out;
}
@keyframes shadow {
0% { 
border-top: 1px solid rgba(0, 206, 166, 0.3); border-right: 0px solid transparent; 
border-bottom: 0px solid transparent; 
border-left: 0px solid transparent;
} 
10% {  
border-top: 1px solid rgba(61, 151, 133, 0); 
}
20% {  
border-top: 1px solid transparent; 
}
25% {   
border-right: 1px solid #00cea6;  
}
50% {  
border-bottom: 1px solid #00cea6;  
}
75% {  
border-left: 1px solid #00cea6;  
}
100% { 
border-top: 1px solid #00cea6; }
}  .rkit-advanced-button.ab-style-3 {
position: relative;
width: 200px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
border : solid 1px;
border-radius : 50%;  
}
.rkit-advanced-button-icon-ab-style-3 { 
position: absolute;
font-size: 34px;
background : #00cea3;
padding : 30px;
border-radius : 50%;
z-index: 2;  
}
.rkit-advanced-button:hover .rkit-advanced-button-icon-ab-style-3 {
transform : rotate(90deg);
transition: transform 0.6s ease-in-out; 
animation-fill-mode: forwards;
animation-delay: 1s;
}
@keyframes iconAnimate {
from {
top: 39%;
}
to {
top : 40%;
}
}
.rkit-circle-text {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
animation: rotateCircle 8s linear infinite;
}
.rkit-circle-text span {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center;
font-size: 16px;
font-weight: 500;
white-space: nowrap;
transform-origin: 0 100px;  
}
@keyframes rotateCircle {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
.rkit-advanced-button:hover .rkit-circle-text {
animation: rotateCircle 8s linear infinite;
}  .rkit-advanced-button.ab-style-4 { 
display : flex; 
justify-content : center;
align-self : center; 
background: #00cea6;
width: 230px;
height: 60px; 
-ms-transform: skew(-20deg);  
-webkit-transform: skew(-20deg);  
transform: skew(-20deg);  
box-shadow: 10px 13px 0px -3px rgba(18,18,18,1);
transition: width 0.2s ease-in-out, box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;
}
.rkit-advanced-button.ab-style-4:hover{  
width: 260px;
box-shadow: 10px 13px 0px -3px rgba(255,255,255,1);
} 
.rkit-advance-button-text-ab-style-4 {  
position : relative;
display : flex;
justify-content : center;
align-self : center;
font-size : 32px;  
line-height : normal;
gap : 40px;
padding : 10px;
color: #ffffff;
font-family: 'poppins';
font-weight: 400;  
} .icon-hov {
display: flex;
align-items: center;
justify-content: center;
gap: 0px; 
width: 80%;  
overflow: hidden;
transition: width 0.4s ease-in-out;
}
.icon-hov i {
color: white;
line-height: 0;
font-size: 24px;
padding: 0px;
opacity: 0;
transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}
.rkit-advanced-button-icon-ab-style-4-icon-2 {
margin-right : -10px;
margin-left : -10px;
}
.icon-hov i:first-child {
opacity: 1;
}
.rkit-advanced-button.ab-style-4:hover .icon-hov {
width: 80%; 
gap: 2px; 
}
.rkit-advanced-button.ab-style-4:hover .icon-hov i {
opacity: 1;
}
.rkit-advanced-button.ab-style-4:hover .icon-hov i:nth-child(1) {
animation: iconColorChange 1s infinite alternate;
}
.rkit-advanced-button.ab-style-4:hover .icon-hov i:nth-child(2) {
animation: iconColorChange 1s infinite alternate 0.3s;
}
.rkit-advanced-button.ab-style-4:hover .icon-hov i:nth-child(3) {
animation: iconColorChange 1s infinite alternate 0.6s;
}
@keyframes iconColorChange {
0% { color: white; }
100% { color: black; }
}  .rkit-advanced-button.ab-style-5 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: transparent;
border : 1px solid #ffffff;
border-radius : 20px;
padding: 16px 32px 16px 32px;
width : 260px;
height : 60px;  
transition: color 0.3s ease-in-out;
z-index: 0;
}
.rkit-advanced-button-icon-ab-style-5{ 
font-size: 24px;   
z-index: 2;  
}
.rkit-advanced-button.ab-style-5::after {
content: "";
position: absolute;
left:0;
right:0;
bottom:0; 
width: 130%;
height : 100%;
background: #00cea6;  
transform: translateX(60%);
transition: transform 0.6s;
z-index: -5;
border-radius : 20px;
}
.rkit-advanced-button.ab-style-5:hover::after {
width: 130%;
height : 100%;
visibility: visible; 
transform: translatex(-10%)  ;
transition:  transform 0.6s  
}
.icon-hov-5{
position : absolute;
right : 6%;
}
.rkit-advance-button-text-ab-style-5-text-1,
.rkit-advance-button-text-ab-style-5-text-2{
position: absolute;
top: 30%;
left: 10%;   
display: block; 
font-size : 18px;  
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
white-space: nowrap; 
color: #ffffff;
font-family: 'poppins';
font-weight: 500;
line-height : normal;
}
.rkit-advance-button-text-ab-style-5-text-1 {
transform-origin: bottom;
transform: rotateY(10deg);
}
.rkit-advance-button-text-ab-style-5-text-2 {
transform-origin: top; 
transform: translate(0%, 90%);
color: #000000;
font-family: 'poppins';
font-weight: 500;
opacity : 0;
}
.rkit-advanced-button:hover .rkit-advance-button-text-ab-style-5-text-1 {
transform: translate(0%, -150%);
opacity: 0; 
} 
.rkit-advanced-button:hover .rkit-advance-button-text-ab-style-5-text-2 {
transform: translate(0%, 0%);
opacity : 1;
}
.ab-style-3:hover.rkit-advance-button-text-ab-style-3{
color: #ff0000;
}