Hi,
Kindly change the css code to this.
@media(max-width:479px) {
.visit-button {
background:#fff;
border-width: 0px 0px 3px 0px;
border-style: none none solid none;
border-color: transparent transparent rgba(0,0,0,0.25) transparent;
font-size: 1em;
box-shadow: 0em 0.15em 2em 0em rgba(0,0,0,0.25);
border-radius: 0.35em;
}
.give-button .x-anchor-content,
.visit-button .x-anchor-content {
font-weight: 700;
font-family: "proxima-nova",sans-serif;
text-transform:uppercase;
padding: 0.75em 0.85em 0.75em 0.85em;
}
.visit-button span {
color:#a32136;
}
.visit-button:hover {
background-color:#a32136;
}
.visit-button:hover span {
color:#fff;
}
.give-button {
background:#a32136;
border-width: 0px 0px 3px 0px;
border-style: none none solid none;
border-color: transparent transparent rgba(0,0,0,0.25) transparent;
font-size: 1em;
box-shadow: 0em 0.15em 2em 0em rgba(0,0,0,0.25);
border-radius: 0.35em;
}
.give-button span {
color:#fff;
}
.give-button:hover {
background-color:#fff;
}
.give-button:hover span {
color:#a32136;
}
}
Please note that the code provided above serves as a guide only and is to help you in getting started. Further customization from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.
Thank you for understanding