.button:where(.astro-SAV63H56){position:relative;display:-webkit-flex;display:flex;overflow:hidden;width:100%;height:100%;min-height:clamp(5rem,calc(4.695vw + 3.2394rem),10rem);-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-button);font-weight:700;gap:0 25px}.button:where(.astro-SAV63H56).-fill{padding:1rem clamp(50px,calc(.939vw + 46.479px),60px) 1rem clamp(20px,calc(.469vw + 18.241px),25px);background-image:var(--grad-vi);color:var(--color-ui-white)}.button:where(.astro-SAV63H56).-fill:before{position:absolute;inset:0;background-image:var(--grad-bg);content:"";opacity:0;transition:opacity var(--transition-duration) var(--transition-timing-function) 0s}@media (hover: hover){.button:where(.astro-SAV63H56).-fill:hover:before{opacity:1}.button:where(.astro-SAV63H56).-fill:hover .svgIcon:where(.astro-SAV63H56){fill:var(--color-vi-01)}}.button:where(.astro-SAV63H56).-outline{padding:calc(1rem - 1px) clamp(50px,calc(.939vw + 46.479px),60px) calc(1rem - 1px) clamp(20px,calc(.469vw + 18.241px),25px);border:1px solid var(--color-ui-gray-line);background-color:var(--color-ui-white);color:var(--color-ui-black);transition:border var(--transition-duration) var(--transition-timing-function) 0s}@media (hover: hover){.button:where(.astro-SAV63H56).-outline:hover{border-color:var(--color-vi-01)}.button:where(.astro-SAV63H56).-outline:hover .svgIcon:where(.astro-SAV63H56){fill:var(--color-ui-white)}}.button:where(.astro-SAV63H56).-none{padding:calc(1rem - 1px) clamp(50px,calc(.939vw + 46.479px),60px) calc(1rem - 1px) clamp(20px,calc(.469vw + 18.241px),25px);border:1px solid transparent;background-color:var(--color-ui-white);color:var(--color-ui-black)}@media (hover: hover){.button:where(.astro-SAV63H56).-none:hover .svgIcon:where(.astro-SAV63H56){fill:var(--color-ui-white)}}@media (hover: hover){.button:where(.astro-SAV63H56):hover .svgIcon:where(.astro-SAV63H56):before{scale:1}}.button_inner:where(.astro-SAV63H56){position:relative}.button_text:where(.astro-SAV63H56){background:linear-gradient(currentcolor,currentcolor) 100% 100%/0 1px no-repeat;transition:background-size var(--transition-duration) var(--transition-timing-function) 0s;padding-block:.5em}@media (hover: hover){.button:where(.astro-SAV63H56):hover .button_text:where(.astro-SAV63H56){background-position:0 100%;background-size:100% 1px}}.svgIcon:where(.astro-SAV63H56){position:absolute;top:calc(50% - min(.5rem,10px));right:calc(clamp(50px,calc(.939vw + 46.479px),60px)/2 - min(.5rem,10px));width:min(1rem,20px);height:min(1rem,20px);transition:fill var(--transition-duration) var(--transition-timing-function)}.button:where(.astro-SAV63H56).-fill .svgIcon:where(.astro-SAV63H56){fill:var(--color-ui-white)}.button:where(.astro-SAV63H56).-outline .svgIcon:where(.astro-SAV63H56),.button:where(.astro-SAV63H56).-none .svgIcon:where(.astro-SAV63H56){fill:var(--color-vi-01)}.svgIcon:where(.astro-SAV63H56) svg:where(.astro-SAV63H56){position:absolute;width:100%}.svgIcon:where(.astro-SAV63H56):before{position:absolute;top:min(-.5rem,-5px);left:min(-.5rem,-5px);width:min(2rem,40px);height:min(2rem,40px);border-radius:50%;content:"";scale:0;transition:scale var(--transition-duration) var(--transition-timing-function)}.button:where(.astro-SAV63H56).-fill .svgIcon:where(.astro-SAV63H56):before{background-color:var(--color-ui-white)}.button:where(.astro-SAV63H56).-outline .svgIcon:where(.astro-SAV63H56):before,.button:where(.astro-SAV63H56).-none .svgIcon:where(.astro-SAV63H56):before{background-color:var(--color-vi-01)}