diff --git a/parfum-shop/src/components/ProductDetailPage.css b/parfum-shop/src/components/ProductDetailPage.css index b1fc4c1..786a0bd 100644 --- a/parfum-shop/src/components/ProductDetailPage.css +++ b/parfum-shop/src/components/ProductDetailPage.css @@ -363,38 +363,50 @@ /* --- Bottom CTA Start --- */ .detail-bottom-cta { + margin: 20px; margin-top: 42px; - padding: 42px 20px 16px; - border-top: 1px solid #d4d4d4; - text-align: center; + padding: 40px 38px; + background-color: #ff6a00; + border-radius: 24px; } .detail-bottom-cta h2 { margin: 0 0 14px; - font-size: 34px; - font-weight: 400; + font-size: 52px; + line-height: 0.95; + font-weight: 300; + letter-spacing: -0.04em; + color: #fff; } .detail-bottom-cta p { - max-width: 880px; margin: 0 auto; - color: #333; - line-height: 1.7; + font-size: 18px; + line-height: 1.5; + color: #fff; + line-height: 1.5; } .detail-bottom-actions { display: flex; - justify-content: center; gap: 16px; margin-top: 26px; } .detail-bottom-actions button { - border: 1px solid #101010; - background: transparent; - padding: 16px 24px; - min-width: 250px; + background-color: #fff; + color: #ff6a00; + border-radius: 999px; + border: none; + padding: 16px 28px; cursor: pointer; + transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease; +} + +.detail-bottom-actions button:hover { + background: rgba(255, 255, 255, 0.4); + transform: translateY(-2px); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); } /* --- Bottom CTA End --- */