From 97cabeda634cc18803eb2b11eefa11e178bf46e7 Mon Sep 17 00:00:00 2001 From: aartijangra Date: Sat, 8 Jun 2024 22:59:57 +0530 Subject: [PATCH] added hovering effect to buttons --- css/sec1.css | 28 +++++++++++++++++++++++++++- css/sec2.css | 4 +++- 2 files changed, 30 insertions(+), 2 deletions(-) diff --git a/css/sec1.css b/css/sec1.css index 5cc0c87..1399f5b 100644 --- a/css/sec1.css +++ b/css/sec1.css @@ -73,13 +73,39 @@ } .s1btn1 { - width:fit-content; + /* width:fit-content; padding: .9rem; margin: 0 0.7rem; border: none; border-radius: 1rem; + background-color: #ff765d; + color: white; */ + cursor: pointer; + height: 2.5rem; + width: 7.2rem; + margin: 0 ; + border-radius: 1rem; + border: none; + border: 1px solid #ff765d; + background-color: white; + margin: 0 0.5rem; + font-size: 1rem; + color: black; + font-weight: bold; + + +} + +/* add hovering effect to s1btn1 buttons */ +/* .s1btn1:hover { background-color: #ff765d; color: white; + cursor: pointer; +} */ + +.s1btn1-recent:hover{ + color: #fff; + background-color: #ff765d; } .s1part2 a { diff --git a/css/sec2.css b/css/sec2.css index 41bcaa1..31cd31c 100644 --- a/css/sec2.css +++ b/css/sec2.css @@ -22,8 +22,10 @@ border: 1px solid #ff765d; background-color: white; margin: 0 1rem; - font-size: 0.8rem; + font-size: 1rem; color: black; + font-weight: bold; + } .sec2btn2-recent:hover{ color: #fff;