<prompt> Qabduu duubbee magariisa ifaa fi barruu adii qabu akkaataa itti gochuuf koodii CSS uumi.nan  <response>: Karaan tokko koodii CSS kan qaree duubbee magariisa ifaa fi barruu adii qabu akkaataa uumuuf kunooti: css .green-button background-color: 00ff00; halluu: adii; padding: 10px 20px kan tae; daangaa: tokkollee hin jiru; qaree: agarsiisaa; guddina qubee: 16px; .magariisa-button:hover halluu-duuba: 008f00; Koodiin kun gita haaraa green-button jedhamu kan elementii qaree kamiyyuu irratti hojiirra ooluu dandau uuma. Qabeentiin background-color halluu duubbee qaree gara magariisa ifaa saaga, qabeentiin color ammoo halluu barruu gara adiitti saaga. Qabeentiin padding naannoo barruu qaree keessaa iddoo tokko tokko dabalata, caalaatti mulataan akka hawwatu taasisa. Qabeentiin daangaa gara nonetti qindaaa, daangaawwan durtii kamiyyuu kan qaree qabaachuu dandau haquuf. Qabeentiin qaree yeroo fayyadamaan qaree irratti balaliu qaree gara harkaatti jijjiiruuf gara qareetti qindaaa, kunis qaree cuqaasuu akka dandau agarsiisa. Qabeentiin font-size guddina barruu qaree keessaa guddisuuf fayyadama. Dhumarratti, hover pseudo-class halluu duubbee qaree gara golgaa magariisa dukkanaaaa taetti jijjiiruuf yeroo fayyadamaan irra hover, yaada mulataa qaree walqunnamtii akka tae kenna. 