diff --git a/addons/website/static/src/xml/website.cookies_bar.xml b/addons/website/static/src/xml/website.cookies_bar.xml
index f2227b29646..703cc85af33 100644
--- a/addons/website/static/src/xml/website.cookies_bar.xml
+++ b/addons/website/static/src/xml/website.cookies_bar.xml
@@ -17,11 +17,11 @@
     </t>
     <t t-name="website.cookies_bar.text_button_all">
         <a href="#" id="cookies-consent-all" role="button"
-           class="js_close_popup o_cookies_bar_accept_all o_cookies_bar_text_button btn btn-primary mb-1 px-2 py-1">Allow all cookies</a>
+           class="js_close_popup o_cookies_bar_accept_all o_cookies_bar_text_button btn btn-outline-primary rounded-circle mb-1 px-2 py-1">Allow all cookies</a>
     </t>
     <t t-name="website.cookies_bar.text_button_essential">
         <a href="#" id="cookies-consent-essential" role="button"
-           class="js_close_popup o_cookies_bar_accept_essential o_cookies_bar_text_button_essential btn btn-link mt-1 mb-2 px-2 py-1">Only allow essential cookies</a>
+           class="js_close_popup o_cookies_bar_accept_essential o_cookies_bar_text_button_essential btn btn-outline-primary rounded-circle mt-1 mb-2 px-2 py-1">Only allow essential cookies</a>
     </t>
     <t t-name="website.cookies_bar.discrete">
         <!-- When updating this template, do not forget to also update the
@@ -35,9 +35,9 @@
                     </div>
                     <div class="col-lg-4 text-end">
                         <a href="#" id="cookies-consent-essential" role="button"
-                           class="js_close_popup btn btn-link btn-sm px-2">Only essentials</a>
+                           class="js_close_popup btn btn-outline-primary rounded-circle btn-sm px-2">Only essentials</a>
                         <a href="#" id="cookies-consent-all" role="button"
-                           class="js_close_popup btn btn-primary btn-sm">I agree</a>
+                           class="js_close_popup btn btn-outline-primary rounded-circle btn-sm">I agree</a>
                     </div>
                 </div>
             </div>
diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index a464fc4ed2b..4c57bd412ba 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -1904,9 +1904,9 @@
                                     </div>
                                     <div class="col-lg-4 text-end">
                                         <a href="#" id="cookies-consent-essential" role="button"
-                                           class="js_close_popup btn btn-link btn-sm px-2">Only essentials</a>
+                                           class="js_close_popup btn btn-outline-primary rounded-circle btn-sm px-2">Only essentials</a>
                                         <a href="#" id="cookies-consent-all" role="button"
-                                           class="js_close_popup btn btn-primary btn-sm">I agree</a>
+                                           class="js_close_popup btn btn-outline-primary rounded-circle btn-sm">I agree</a>
                                     </div>
                                 </div>
                             </div>