A user seeks to add separator lines above and below a section, create a white border around a transparent button, and implement a left-to-right color fill animation on hover (referencing notresucces.com as an example).
Current Solution Provided:
Limitations:
hello.
i want to make separator lines over and under this section, and also a white border a text around the button. Is it possible to make the button have a smooth transition when hover so when you hover the button starts to fill with color from left to right?
for refference for the animation, look at notresucces.com
@DaisyVo do you know how?
Our technical team will need some time to investigate it further. We will try to keep you updated soon 
Okay
I’m back here.
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “base.css” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and add the code below to the bottom of the file: https://prnt.sc/KpBL-Dn-bNqA
Here is the code for Step 3:
.banner__buttons a {
color: white !important;
opacity: 1 !important;
}
.banner__buttons a::after {
box-shadow: none !important;
}
Currently, we can only change the color as requested. We couldn’t find the way to adjust animation yet 
Hope you can kindly understand.
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
