.horoscope-day-container{background-color:white;min-height:100vh;padding:20px}.period-text{text-align:center;font-size:1.5em;font-weight:700;margin-top:60px;margin-bottom:30px}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.zodiac-card{background-color:#f3d9e6;border-radius:10px;padding:20px;text-align:center;width:220px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer}.zodiac-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2)}.zodiac-image{width:100%;height:auto}.HoroscopeCalenders-zodiac-name{margin-top:10px;font-size:1.5em}@media (max-width:600px){.zodiac-card{width:120px;padding:8px}.HoroscopeCalenders-zodiac-name{margin-top:5px;font-size:1em}}.button-row{display:flex;justify-content:center;margin:20px 0}.period-button.active{background-color:pink!important;color:white}.period-button{background-color:lightblue;color:white;border:none;width:200px;padding:10px 20px;margin:0 10px;border-radius:20px;cursor:pointer;transition:background-color .3s;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.period-button:hover{background:linear-gradient(90deg,rgb(151,229,255),rgb(255,138,157))}