Dotted lines around buttons

Hi, WordPress haven’t been helpful and I’m hoping someone on here can. I don’t post very often.

All the buttons on my WordPress site have dotted outlines in my primary link colour (pink) and I can’t get rid of them. I’m using the Muscat theme, and have tried others but the lines are still there. I don’t have any custom CSS. I’ve checked it in Safari and Chrome on a Mac, and on an iPhone. I don’t have any border settings other than radius ones (and shadow to try hide the outlines) and in the “appearance editor” the lines aren’t even there.

Really don’t know what to do, it looks silly and I was wanting to start sharing my website professionally. It only happened last week.

Has anyone else had that problem and figured it out? To see what I mean, my URL is https://d– (content is work in progress, so ignore it!)


1 Comment
  1. It’s in the CSS:

    .wp-element-button, .wp-block-button__link:focus {
    background-color: var(–wp–preset–color–primary);
    color: var(–wp–preset–color–background);
    outline-color: var(–wp–preset–color–primary);
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 1px;


This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer