Mobile Slideshow button issue-Debut theme

[VickyFu]

Hello! 

I am using a debut theme and have an issue with button size show on mobile. How can I have a smaller botton? Hope you could help me figure this out! 

This is my current code. 

Store URL: www.lomipet.com

[oscprofessional]

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

@media only screen and (max-width: 749px){
#shopify-section-16186359467849c941 .slideshow__btn-wrapper a.btn.slideshow__btn {
    padding: 1px 6px;
    min-height: auto;
}
}

[VickyFu]

Thank you! I added the code. It works! But there are two buttons now. How can I remove another button?

[oscprofessional · Accepted solution]

Add this css

@media only screen and (max-width: 749px){
#shopify-section-16186359467849c941 .slideshow__text-wrap.slideshow__text-wrap--mobile .slideshow__text-content.slideshow__text-content--mobile.text-center.slideshow__text-content--mobile-active {
    display: none;
}
}

[VickyFu]

Thank you ! Now it's perfect. @oscprofessional