/* styles.css */ .stButton>button { background-color: #003660; color: white; padding: 10px 20px; border: none; cursor: pointer; width: 70%; /* Set the button width to take the full column width */ font-size: 20px; /* Increase the font size */ padding: 12px 24px; /* Increase the padding for a larger button */ margin-left: auto; margin-right: auto; } .stButton>button:hover { /* background-color: #FEBC11; */ color: #FEBC11; /* Change the text color on hover */ box-shadow: 0 0 5px 1px #FEBC11; /* Change the halo color on hover */ } .stButton>button:active { color: #FEBC11 !important; /* Set the text color when the button is clicked */ box-shadow: 0 0 5px 1px #FEBC11 !important; /* Change the halo color on click */ } .big-font { font-size:18px !important; }