.banner-premium-1-minimum.loaded { background-image: url(/banners/images/background-horizontal/bg-sm-banner-premium.3b018d50ef7808be142e26d8893dded8.webp); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 8px; } .banner-premium-1-minimum a { max-width: 100%; display: flex; border-radius: 8px; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; min-height: 150px; align-items: flex-start; justify-content: center; flex-direction: column; text-decoration: none; --webkit-transition: backdrop-filter 0.4s ease-in-out; transition: backdrop-filter 0.4s ease-in-out; background-image: linear-gradient(90deg, #3E1066 16.72%, rgba(98, 23, 150, 0.2) 100%); } .banner-premium-1-minimum a:hover { backdrop-filter: grayscale(0.3) blur(3px); } .banner-premium-1-minimum a:hover button { color: #3E1066; background-color: #ffffff; } .banner-premium-1-minimum a:hover button svg path { stroke: #3E1066; } .banner-premium-1-minimum a button { font-family: 'Exo 2',Arial, Helvetica, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1; color: #FFFFFF; display: flex; justify-content: center; align-items: center; box-sizing: border-box; height: 40px; border: 1px solid #FFFFFF; border-radius: 8px; padding-left: .5rem; padding-right: .5rem; background-color: #ffffff00; gap: 5px; --webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } .banner-premium-1-minimum a button svg path { transition: all 0.4s ease-in-out; } .banner-premium-1-minimum a button.link-mobile { display: flex; } .banner-premium-1-minimum a button.link-desktop { display: none; } .banner-premium-1-minimum a button img { margin-left: 1rem; } .banner-premium-1-minimum a p { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #FFFFFF; margin-top: 1rem; margin-bottom: 1rem; } .banner-premium-1-minimum a img.logo-plan{ width: 100px; } .banner-premium-1-minimum.c-580 a{ min-height: 110px; flex-direction: row; align-items: center; justify-content: space-evenly; } .banner-premium-1-minimum.c-580 a button.link-mobile{ display: none; } .banner-premium-1-minimum.c-580 a button.link-desktop{ display: flex; } .banner-premium-1-minimum.c-580 a p { font-size: 20px; line-height: 28px; margin-bottom: 0; } .banner-premium-1-minimum.c-580 a button { font-size: 16px; line-height: 1.5; } .banner-premium-1-minimum.loaded.c-780 { background-image: url(/banners/images/background-horizontal/bg-lg-banner-premium.786d82d1c7762bfa33a798c61acc2b3f.webp); } .banner-premium-1-minimum.c-780 a img.logo-plan{ width: 170px; } .banner-premium-1-minimum.loaded.c-1025 { background-image: url(/banners/images/background-horizontal/bg-xl-banner-premium.b7ffc1f3a93f76f7dffec7ebd9492275.webp); } .banner-premium-1-minimum small { font-size: 14px !important; font-weight: 500 !important; color: #ffffff !important; }