From dd1693d74dfbbb7783c69b30444f7d29b8f131d6 Mon Sep 17 00:00:00 2001 From: haseebzaki-07 Date: Wed, 16 Oct 2024 15:22:09 +0530 Subject: [PATCH] Fix play-btn alignment --- assets/css/style.css | 25 ++++++++++++++++++++++--- index.html | 2 +- 2 files changed, 23 insertions(+), 4 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 7d6760548..2b5ee1548 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -991,24 +991,43 @@ body.dark-mode .dropdown-menu-item:hover { .dark-mode .hero-banner::before { background-color: #faada1; } -.play-btn { + +.container.hero-button { display: flex; justify-content: center; align-items: center; - background-color: hsl(0, 0%, 100%); + margin-top: 20px; +} + +.play-btn { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; /* Adds space between the icon and text */ + + background-color: hsl(0, 0%, 100%); /* Change to your preferred color */ color: var(--chinese-violet); + border: none; + + cursor: pointer; font-size: 2rem; margin-top: 1.5rem; - + text-align: center; padding: 10px 15px; border-radius: 10px; transition: all 1s ease; animation: pulse 1s ease infinite; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; + +} + +play-btn ion-icon { + font-size: 24px; } .play-btn h2 { + margin: 0; font-size: 1.5rem; } diff --git a/index.html b/index.html index 5d889a8c1..396776b1a 100644 --- a/index.html +++ b/index.html @@ -3447,7 +3447,7 @@

SwapReads.com - Wher

Join SwapReads.com, the ultimate online community for book enthusiasts! Create your profile, list your - favorite reads, and embark on literary journeys by swapping books with fellow passionate readers. Discover + favorite reads, and embark on literary journeys by swapping books with fellow passionate readers. Discover a world where books find new adventures and readers connect through the joy of sharing stories.