Improve paddings for medium screen sizes

Author: hasparus

src/app/conf/2025/register-today/index.tsx

@@ -13,7 +13,7 @@ export function RegisterToday({ className }: RegisterTodayProps) {
   return (
     <section
       className={clsx(
-        "flex gap-10 px-4 max-lg:flex-col-reverse md:px-24 xl:gap-x-24",
+        "flex gap-10 px-4 max-lg:flex-col-reverse lg:px-10 xl:gap-x-24 xl:px-24",
         className,
       )}
     >
@@ -36,8 +36,15 @@ export function RegisterToday({ className }: RegisterTodayProps) {
           </p>
         </div>
         <div className="mt-10 flex gap-x-6 gap-y-4 max-md:flex-col">
-          <Button>Register today</Button>
-          <Button variant="secondary">Become a speaker</Button>
+          <Button href="https://cvent.me/PBNYEe?utm_source=graphql_conf_2025&utm_medium=website&utm_campaign=register_section">
+            Register today
+          </Button>
+          <Button
+            variant="secondary"
+            href="https://sessionize.com/graphqlconf-2025?utm_medium=website&utm_campaign=speaker_section"
+          >
+            Become a speaker
+          </Button>
         </div>
       </div>
     </section>