.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
}
.btn-text-flip:hover span {
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
}.wcf--mailchimp i,.wcf--mailchimp svg{height:1em;width:1em}.wcf--mailchimp .mailchimp-response-message{display:none;margin-bottom:10px;padding:10px 15px;border-radius:5px}.wcf--mailchimp .mailchimp-response-message.error{display:block;color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.wcf--mailchimp .mailchimp-response-message.success{display:block;color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.wcf--mailchimp .mailchimp-response-message.warning{display:block;color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.wcf--mailchimp .wcf-mailchimp-form{gap:30px;display:flex;flex-wrap:wrap}.wcf--mailchimp label{display:inline-block}.wcf--mailchimp .input{display:flex}.wcf--mailchimp .input .icon{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#e9ecef}.wcf--mailchimp .input .icon,.wcf--mailchimp .input input{border:1px solid #ced4da;outline:0;border-radius:3px;padding:15px}.wcf--mailchimp .input.after .icon{order:2;margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.wcf--mailchimp .input.after input{border-top-right-radius:0;border-bottom-right-radius:0}.wcf--mailchimp .input.before .icon{margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0}.wcf--mailchimp .input.before input{border-top-left-radius:0;border-bottom-left-radius:0}.wcf--mailchimp .wcf-mc-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1;align-self:flex-end;border:1px solid #ced4da;border-radius:3px;background-color:#ced4da;color:#000;padding:12px 15px}.wcf--mailchimp .wcf-mc-button.icon-position-after i,.wcf--mailchimp .wcf-mc-button.icon-position-after svg{order:15}.aae-radio{display:flex;align-items:center;gap:10px;flex-direction:row-reverse}.aae-radio label{text-transform:uppercase}.aae-radio .input{display:flex;align-items:center;background:#000;border-radius:20px;width:80px;height:40px;position:relative;cursor:pointer;overflow:hidden}.aae-radio .input label{flex:1;text-align:center;color:#fff;font-size:16px;font-weight:700;position:relative;z-index:2;cursor:pointer;transition:color .3s;margin-bottom:0}.aae-radio .input input{display:none}.aae-radio .slider{position:absolute;width:40px;height:40px;background:#fff;border-radius:20px;transition:all .3s}.aae-radio .input input[value=No]:checked~label[for=radio_field_0],.aae-radio .input input[value=Yes]:checked~label[for=radio_field_1]{color:transparent}.wcf--social-icons ul{margin:0;padding:0}.wcf--social-icons ul li{list-style:none;line-height:1}.wcf--social-icons ul li a{display:flex;align-items:center;justify-content:center;font-size:var(--icon-size,20px);line-height:var(--icon-size,20px);width:calc(var(--icon-size,20px) + 2 * var(--icon-padding,1px));height:calc(var(--icon-size,20px) + 2 * var(--icon-padding,1px))}