.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--gap-s) var(--gap-m);border:1px solid var(--black-light);border-radius:var(--border-radius);color:var(--black-dark);font-weight:600;font-family:var(--font-main-wide);cursor:pointer;text-decoration:none;clip-path:margin-box;background:var(--secondary-gradient);font-size:var(--font-size-m);position:relative;overflow:hidden}.cta-button.cta-clear{background:transparent}.cta-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black-dark);transform:translate(-100%);transition:transform var(--transition-default)}.cta-button:hover:after{transform:translate(0);z-index:-1}.cta-button:hover{color:var(--white-light)}.cta-button.cta-secondary{background:var(--black-dark);border-color:var(--black-dark);color:var(--white-light)}.cta-button.cta-secondary:after{background-color:var(--white-light)}.cta-button.cta-secondary:hover{color:var(--black-dark)}.cta-button.cta-secondary-light{background:transparent;border-color:var(--white-light);color:var(--white-light)}.cta-button.cta-secondary-light:after{background-color:var(--white-light)}.cta-button.cta-secondary-light:hover{color:var(--black-dark)}