This code will style links with a yellow color (#FFAA1D), and when hovered or clicked, the color will change to a slightly darker shade of yellow (#FF7E1D). Submit inputs and buttons will have the same yellow color for text and a transparent background with a yellow border.
a {
color: #FFAA1D; /* Sets the color of regular links */
}
a:active, a:hover {
color: #FF7E1D; /* Sets the color of links when they are hovered or clicked */
}
[type=submit], button {
display: inline-block; /* Makes submit inputs and buttons display as inline blocks */
font-weight: 400; /* Sets the font weight */
color: #FFAA1D; /* Sets the color of text on submit inputs and buttons */
text-align: center; /* Centers the text horizontally within submit inputs and buttons */
white-space: nowrap; /* Prevents text from wrapping */
user-select: none; /* Prevents users from selecting the text */
background-color: transparent; /* Sets the background color of submit inputs and buttons to transparent */
border: 1px solid #FFAA1D; /* Sets the border of submit inputs and buttons */
padding: 0.5rem 1rem; /* Sets the padding inside submit inputs and buttons */
font-size: 1rem; /* Sets the font size */
border-radius: 3px; /* Sets the border radius of submit inputs and buttons */
}
Just copy this below code and pest into your Additional CSS section..
In simple form,
a{
color: #FFAA1D
}
a:active,a:hover {
color: #FF7E1D
}
[type=submit], button{
display: inline-block;
font-weight: 400;
color: #FFAA1D;
text-align: center;
white-space: nowrap;
user-select: none;
background-color: transparent;
border: 1px solid #FFAA1D;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 3px;
}