.commonCTA{position:relative;display:inline-flex;align-items:center;justify-content:center;column-gap:15px;padding:12px 20px;font-family:var(--font-family-zona-pro);font-weight:600;font-size:14px;text-transform:uppercase;color:var(--clr,var(--primary));background-color:var(--champagne);margin-top:50px;min-width:240px;text-decoration:none}.commonCTA.white:before{background-color:var(--white)}.commonCTA:after{z-index:0;top:5px;left:5px}.commonCTA:after,.commonCTA:before{content:"";display:block;position:absolute;width:100%;height:100%;border:1px solid var(--clr,var(--primary))}.commonCTA:before{background-color:var(--clr,var(--champagne));z-index:1}.commonCTA span.txt{position:relative;z-index:4;transition:all .5s ease-in-out;color:var(--primary)}.commonCTA span.bg{position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--clr,var(--primary));z-index:3;transition:width .5s ease-in-out}.commonCTA svg{position:relative;z-index:3;width:0;left:0;transition:all .5s ease-in-out}.commonCTA:hover svg{width:19px;left:5px}.commonCTA:hover .txt{color:var(--white)}.commonCTA:hover .bg{width:100%}.commonCTA:hover:after{border-color:var(--violet)}.commonCTA.noafter:after{display:none}@media(max-width:767px){.commonCTA{margin-top:15px;font-size:12px}}@supports(-webkit-touch-callout:none){.commonCTA .split-child{display:inline-block!important}}