how to fix the text ADD TO WISHLIST in the front end [closed]

while adding some css to the frontend ,
the add to wishlist became like in the photo
this is the code `.product-addto-links {

display: inline;
.action {
    margin-right: 5%;
}

}

.product-social-links {
margin: 0 0 20px;
text-align: left;
padding-top: 20px;
border-top: 1px solid #ebebeb;
}

.moved-add-to-links {
display: inline-block;
vertical-align: top;
}

.product-addto-links, .moved-add-to-links, .product-social-links {
.action span {
display: none;
}
`
i keep editing display:inline; to display:none;
but the add to wishlist is still shown
something happened while deploying and upgrading