Hi I have added this code, makes it look better but need a little help with it
The button has now the look I want but not sure how to move it over closer to the promotional message.
I added position: relative;left:-455px; to the button to bring it close, but as I knew it would not work on a much smaller screen, especially mobile.
Help with this please:
Button closer to promotion message
how to remove the white space underneath so the white spacing is same as it is on top
Here is the code I have done so far, it is probably not good but I tried my best as I have no idea with css
/* Promotion Button */
#promotion-message .right .promotion-button {
background-color: #000;
border: 1px solid #ab8632;
border-radius: 8px;
color: #fff;
margin-top: -5px;
}
/* Promotion Button – Hover */
#promotion-message .right .promotion-button:hover, #promotion-message .right .promotion-button:hover {
background-color: #ab8632!important;
border-color: #000000!important;
border: 1px solid #ab8632;
border-radius: 8px;
color: #000000!important;
font-weight: 550!important;
transition: .5s;
}
