-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.css
32 lines (27 loc) · 976 Bytes
/
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/* styles.css */
.stButton > button {
width: 100%;
height: 60px; /* larger button height */
text-align: center;
padding: 12px 20px;
margin-bottom: 10px;
background-color: #3C6478; /* a calming shade of blue */
color: white;
border: none;
border-radius: 50px; /* rounded corners */
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); /* shadow effect */
cursor: pointer;
transition: all 0.3s ease 0s; /* smooth transition */
font-size: 24px; /* even larger font size */
letter-spacing: 1px; /* space between letters */
}
.stButton > button:hover {
background-color: #5F9A8F; /* a soothing shade of green */
box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4); /* shadow effect on hover */
color: #fff;
transform: translateY(-7px); /* move button up when hovered over */
}
.radio-label {
font-size: 18px;
color: #008080; /* Change the color to your preference */
}