Feather theme - remove container shadows and ugly thick button outline

[SpiceEggplant]

How do i remove this ugly thick button outline in Feather theme and how do I remove container shadows? Every time I try overriding it just does this (screenshot 2)

[suyash1]

@SpiceEggplant Can you please share this page link?

[SpiceEggplant]

Thanks for reaching out, 

I figured it out already, I pasted this code chatgpt wrote for me into base.css:

/* === CLEAN AND STYLE ONLY BUTTONS === */
button,
.button,
.shopify-payment-button__button {
all: unset;
display: inline-block;
padding: 0.8rem 2rem;
border: 1px solid black;
border-radius: 9999px; /* pill-shaped */
background-color: white;
color: black;
font-size: 1.4rem;
text-align: center;
cursor: pointer;
box-shadow: none !important;
width: auto;
}

/* === HOVER STATE === */
button:hover,
.button:hover,
.shopify-payment-button__button:hover {
background-color: black;
color: white;
}

/* === REMOVE THEME-INJECTED STYLING ON BUTTONS === */
button::before,
button::after,
.button::before,
.button::after {
content: none !important;
box-shadow: none !important;
background: none !important;
border: none !important;
}