@property --gradient-angle{syntax:"<angle>";initial-value:90deg;inherits:false}@keyframes rotate{0%{--gradient-angle:0deg}100%{--gradient-angle:360deg}}.btn-style3{position:relative;display:inline-flex;align-items:center;font-size:16px;font-weight:300;line-height:1;border-radius:14px;padding:8px 15px 8px 15px;color:#fff;background:linear-gradient(90deg,#FF7903 0%,#F55CAD 65.38%,#716CEE 100%);text-transform:capitalize;overflow:hidden;z-index:0;transition:all 300ms ease}.btn-style3:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";border-radius:0;transform:scale(0,1);transform-origin:top right;background:linear-gradient(270deg,#FF7903 0%,#F55CAD 65.38%,#716CEE 100%);transition:-webkit-transform 500ms cubic-bezier(.86,0,.07,1);transition:transform 500ms cubic-bezier(.86,0,.07,1);transition:transform 500ms cubic-bezier(.86,0,.07,1),-webkit-transform 500ms cubic-bezier(.86,0,.07,1);transition-timing-function:cubic-bezier(.86,0,.07,1);z-index:-1}.btn-style3:hover{color:#fff}.btn-style3:hover:before{transform:scale(1,1);transform-origin:bottom left}