diff --git a/src/styles/global.css b/src/styles/global.css
index 2b9049b..ac33527 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -37,6 +37,10 @@
}
}
+ html {
+ scroll-padding-top: 200px;
+ }
+
body {
@apply font-sans text-secondary-800 antialiased;
overflow-x: hidden;
@@ -135,20 +139,20 @@
/* White CTA button */
.btn-white {
- @apply bg-white text-primary-700 px-8 py-4 rounded-lg
- font-semibold tracking-wide transition-all duration-200;
- box-shadow: 0 4px 0 #e5e7eb, 0 6px 12px rgba(0, 0, 0, 0.1);
+ @apply bg-white text-primary-700 px-5 py-3 rounded-lg
+ font-semibold tracking-wide transition-all duration-200 text-sm;
+ box-shadow: 0 3px 0 #e5e7eb, 0 4px 8px rgba(0, 0, 0, 0.1);
}
.btn-white:hover {
@apply text-primary-600;
transform: translateY(-2px);
- box-shadow: 0 6px 0 #e5e7eb, 0 10px 20px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 5px 0 #e5e7eb, 0 8px 16px rgba(0, 0, 0, 0.12);
}
.btn-white:active {
- transform: translateY(2px);
- box-shadow: 0 2px 0 #e5e7eb, 0 2px 6px rgba(0, 0, 0, 0.1);
+ transform: translateY(1px);
+ box-shadow: 0 2px 0 #e5e7eb, 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Outline button */
@@ -175,7 +179,7 @@
}
.product-card-image img {
- @apply w-full h-full object-contain p-6 transition-transform duration-500;
+ @apply w-full h-full object-cover transition-transform duration-500;
transform: scale(1);
}