Fix late tiers overlapping; update CTA text

Author: clytaemnestra

src/components/ticket-tiers/ticket-tiers.astro

@@ -102,40 +102,58 @@ const formatPrice = (price: number | string) => {
   <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-10 md:gap-6 lg:gap-10">
     {tiers.map((tier) => (
       <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
-        <div class="h-[160px]">
+        <div>
           <Title level={3} className="mt-0 !mb-2">
             {tier.title}
           </Title>
 
-          <div class="mt-4">
-            <div class="font-bold text-lg">Education: <span class="text-xl">{formatPrice(tier.educationPrice)}</span></div>
-            <div class="font-bold text-lg">Personal: <span class="text-xl">{formatPrice(tier.personalPrice)}</span>
+          <div class="mt-4 space-y-2">
+            <div>
+              <div class="font-bold text-lg">
+                Education:
+                <span class="text-xl ml-1">{formatPrice(tier.educationPrice)}</span>
+              </div>
+            </div>
+
+            <div>
+              <div class="font-bold text-lg">
+                Personal:
+                <span class="text-xl ml-1">{formatPrice(tier.personalPrice)}</span>
+              </div>
               {tier.latePersonalPrice && (
-                <span class="text-sm font-normal ml-2">(Late: {formatPrice(tier.latePersonalPrice)})</span>
+                <div class="text-sm font-normal ml-1">(Late personal: {formatPrice(tier.latePersonalPrice)})</div>
               )}
             </div>
-            <div class="font-bold text-lg">Business: <span class="text-xl">{formatPrice(tier.businessPrice)} (+ VAT)</span>
+
+            <div>
+              <div class="font-bold text-lg">
+                Business:
+                <span class="text-xl ml-1">{formatPrice(tier.businessPrice)} (+ VAT)</span>
+              </div>
               {tier.lateBusinessPrice && (
-                <span class="text-sm font-normal ml-2">(Late: {formatPrice(tier.lateBusinessPrice)} + VAT)</span>
+                <div class="text-sm font-normal ml-1">(Late business: {formatPrice(tier.lateBusinessPrice)} + VAT)</div>
               )}
             </div>
           </div>
         </div>
 
-        <p class="font-bold text-base">This ticket includes:</p>
-        <ul class="text-base list-none pl-0">
-          {tier.features.map((feature) => (
-            <li class="flex items-start">
-              <span class="flex-shrink-0 w-6">
-                {feature.icon ? feature.icon : "✔️"}
-              </span>
-              <span set:html={feature.text}></span>
-            </li>
-          ))}
-        </ul>
+        <div class="mt-6">
+          <p class="font-bold text-base">This ticket includes:</p>
+          <ul class="text-base list-none pl-0">
+            {tier.features.map((feature) => (
+              <li class="flex items-start">
+                <span class="flex-shrink-0 w-6">
+                  {feature.icon ? feature.icon : "✔️"}
+                </span>
+                <span set:html={feature.text}></span>
+              </li>
+            ))}
+          </ul>
+        </div>
       </div>
     ))}
   </div>
+</div>
 
 <style is:global>
   .ticket-tiers-container {

src/content/deadlines/04_tickets.md

@@ -5,5 +5,5 @@ url: /tickets
 image: "./registration.jpg"
 ---
 
-Grab your spot at the main Python conference in Europe. Share, learn, and
+Grab your spot at EuroPython 2025. Share, learn, and
 connect with fellow Pythonistas—tickets are limited!