.elementor-2239 .elementor-element.elementor-element-700f37e{--spacer-size:38px;}.elementor-2239 .elementor-element.elementor-element-f8f8695{text-align:center;}.elementor-2239 .elementor-element.elementor-element-f8f8695 .elementor-heading-title{color:#FFFFFF;font-family:"Sora", Sans-serif;font-weight:600;}.elementor-2239 .elementor-element.elementor-element-cb630f7{text-align:center;}.elementor-2239 .elementor-element.elementor-element-cb630f7 .elementor-heading-title{color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:19px;font-weight:600;}.elementor-2239 .elementor-element.elementor-element-3d94206{--spacer-size:38px;}.elementor-2239 .elementor-element.elementor-element-521898f{text-align:center;}.elementor-2239 .elementor-element.elementor-element-521898f .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-0a29581 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-5e02d88 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-bc892ae .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-05305aa{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-05305aa .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-05305aa .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-cf72e58{text-align:center;}.elementor-2239 .elementor-element.elementor-element-cf72e58 .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-c51db31 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-397efb2 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-06e2081 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-0097dd6{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-0097dd6 .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-0097dd6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-c0961c2{text-align:center;}.elementor-2239 .elementor-element.elementor-element-c0961c2 .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-489515d .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-37b276c .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-a38c9d9{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-a38c9d9 .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-a38c9d9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-2d6105e{text-align:center;}.elementor-2239 .elementor-element.elementor-element-2d6105e .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-13940f9 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-fa408b5 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-7f30c99 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-8ef53f6{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-8ef53f6 .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-8ef53f6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-8477821{text-align:center;}.elementor-2239 .elementor-element.elementor-element-8477821 .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-ed6003e .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-076f7a3 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-15bbd87 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-f69efa6{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-f69efa6 .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-f69efa6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-1133f38{text-align:center;}.elementor-2239 .elementor-element.elementor-element-1133f38 .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-d8ed34f .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-c9ef082 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-109a6af .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-60f6d7c{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-60f6d7c .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-60f6d7c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-f47b072{text-align:center;}.elementor-2239 .elementor-element.elementor-element-f47b072 .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-be658a4 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-b0efa63 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-9f65494 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-556b122 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-6e53b36{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-6e53b36 .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-6e53b36 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-62cb75b{text-align:center;}.elementor-2239 .elementor-element.elementor-element-62cb75b .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-722b8fb .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-419690c .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-a3fd13a .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-e925091 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-fad57c9 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-018ff98{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-018ff98 .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-018ff98 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-4c34090{text-align:center;}.elementor-2239 .elementor-element.elementor-element-4c34090 .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-eec0c74 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-7723f64 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-a0b7c1d .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-d7c79f6 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-fd06cdf{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-fd06cdf .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-fd06cdf .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-10428c7{text-align:center;}.elementor-2239 .elementor-element.elementor-element-10428c7 .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-948283c .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-ccb4548 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-7f5c4f7 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-dc5d03d .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-fc34591 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-d60f97e{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-d60f97e .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-d60f97e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-3592c0b{text-align:center;}.elementor-2239 .elementor-element.elementor-element-3592c0b .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-e386314 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-5abcb60 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-92e41d2 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-23af895 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-96b2910{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-96b2910 .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-96b2910 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-2907cf9{text-align:center;}.elementor-2239 .elementor-element.elementor-element-2907cf9 .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-e287dca .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-91ef587 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-8883c8c{--divider-border-style:solid;--divider-color:#9AFF00;--divider-border-width:4.7px;}.elementor-2239 .elementor-element.elementor-element-8883c8c .elementor-divider-separator{width:100%;}.elementor-2239 .elementor-element.elementor-element-8883c8c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2239 .elementor-element.elementor-element-82bafec{text-align:center;}.elementor-2239 .elementor-element.elementor-element-82bafec .elementor-heading-title{color:#FFFFFF;}.elementor-2239 .elementor-element.elementor-element-f1833ff .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-ac9ded9 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-cc6ca22 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}.elementor-2239 .elementor-element.elementor-element-50b71f0 .elementor-button{font-family:"Saira", Sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;fill:#030303;color:#030303;background-color:#61CE7000;}body.elementor-page-2239:not(.elementor-motion-effects-element-type-background), body.elementor-page-2239 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#191324;}@media(max-width:767px){.elementor-2239 .elementor-element.elementor-element-f8f8695{text-align:center;}.elementor-2239 .elementor-element.elementor-element-f8f8695 .elementor-heading-title{font-size:23px;}.elementor-2239 .elementor-element.elementor-element-cb630f7{text-align:center;}.elementor-2239 .elementor-element.elementor-element-cb630f7 .elementor-heading-title{font-size:14px;}.elementor-2239 .elementor-element.elementor-element-3d94206{--spacer-size:10px;}.elementor-2239 .elementor-element.elementor-element-0a29581 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-0a29581 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-5e02d88 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-5e02d88 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-bc892ae .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-bc892ae > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-c51db31 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-c51db31 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-397efb2 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-397efb2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-06e2081 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-06e2081 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-489515d .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-489515d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-37b276c .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-37b276c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-13940f9 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-13940f9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-fa408b5 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-fa408b5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-7f30c99 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-7f30c99 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-ed6003e .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-ed6003e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-076f7a3 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-076f7a3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-15bbd87 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-15bbd87 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-d8ed34f .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-d8ed34f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-c9ef082 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-c9ef082 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-109a6af .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-109a6af > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-be658a4 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-be658a4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-b0efa63 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-b0efa63 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-9f65494 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-9f65494 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-556b122 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-556b122 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-722b8fb .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-722b8fb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-419690c .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-419690c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-a3fd13a .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-a3fd13a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-e925091 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-e925091 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-fad57c9 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-fad57c9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-eec0c74 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-eec0c74 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-7723f64 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-7723f64 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-a0b7c1d .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-a0b7c1d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-d7c79f6 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-d7c79f6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-948283c .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-948283c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-ccb4548 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-ccb4548 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-7f5c4f7 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-7f5c4f7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-dc5d03d .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-dc5d03d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-fc34591 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-fc34591 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-e386314 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-e386314 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-5abcb60 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-5abcb60 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-92e41d2 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-92e41d2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-23af895 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-23af895 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-e287dca .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-e287dca > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-91ef587 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-91ef587 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-e54b36b > .elementor-container{max-width:500px;}.elementor-2239 .elementor-element.elementor-element-e54b36b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-f1833ff .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-f1833ff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-ac9ded9 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-ac9ded9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-cc6ca22 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-cc6ca22 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-50b71f0 .elementor-button{font-size:17px;}.elementor-2239 .elementor-element.elementor-element-50b71f0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2239 .elementor-element.elementor-element-821dc18 > .elementor-container{max-width:500px;}.elementor-2239 .elementor-element.elementor-element-821dc18{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-0a29581 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5e02d88 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bc892ae *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c51db31 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-397efb2 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-06e2081 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-489515d *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-37b276c *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-13940f9 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fa408b5 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7f30c99 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ed6003e *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-076f7a3 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-15bbd87 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d8ed34f *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c9ef082 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-109a6af *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-be658a4 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b0efa63 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9f65494 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-556b122 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-722b8fb *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-419690c *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a3fd13a *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e925091 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fad57c9 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-eec0c74 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7723f64 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a0b7c1d *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d7c79f6 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-948283c *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ccb4548 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7f5c4f7 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dc5d03d *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fc34591 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e386314 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5abcb60 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-92e41d2 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-23af895 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e287dca *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-91ef587 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f1833ff *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ac9ded9 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cc6ca22 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-50b71f0 *//* Animação no degradê com transição suave */ @keyframes gradient-animation { 0% { background-position: 0% 50%; } 10% { background-position: 100% 50%; } /* ... (outros valores de animação) ... */ 100% { background-position: 0% 50%; } } /* Animação de brilho na borda */ @keyframes glow-border { 0% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } 50% { box-shadow: 0 0 20px rgba(255, 255, 102, 0.7); } 100% { box-shadow: 0 0 10px rgba(255, 255, 102, 0); } } /* Aplicar animações constantes com gradiente evidente e glow nas bordas */ .botao-com-animacoes-constantes { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); color: #ffffff; /* Cor do texto */ border: none; padding: 1px 1px; /* Ajuste o padding para diminuir o tamanho do botão */ border-radius: 16px; /* Borda arredondada */ font-size: 14px; /* Ajuste o tamanho da fonte para diminuir o botão */ cursor: pointer; position: relative; /* Importante para as animações */ overflow: hidden; /* Oculta os efeitos fora do botão */ animation: glow-border 1.5s infinite, gradient-animation 4s linear infinite; /* Animação de borda e gradiente evidente */ background-size: 200% 100%; /* Define o tamanho da animação do degradê */ width: 260px !important; /* Ajuste a largura do botão aqui com !important */ margin: 0 auto; /* Centraliza horizontalmente */ } /* Evitar que a animação da borda afete outros elementos */ .botao-com-animacoes-constantes::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } /* Mudar o degradê ao passar o mouse */ .botao-com-animacoes-constantes:hover { background-image: radial-gradient(circle at 31.7% -18.3%, #ffffcc 0, #e9ff06 12.5%, #cdff17 25%, #a9ff1d 37.5%, #7aff1f 50%, #29f31e 62.5%, #00e424 75%, #00d932 87.5%, #00d143 100%); }/* End custom CSS */