{"id":17232146,"date":"2023-11-27T10:59:34","date_gmt":"2023-11-27T10:59:34","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/button-style-21\/"},"modified":"2023-11-27T10:59:34","modified_gmt":"2023-11-27T10:59:34","slug":"button-style-21","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/button-style-21\/","title":{"rendered":"Button style"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hi,<br \/><br \/>How can I change the button style with css?<br \/><br \/>I copy this code in custom css filed, give btn-6 css class to button and not working \ud83d\ude41<br \/><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.btn-6::before{\nleft: 50%;\ntop: 0;\ntransition-duration: 0.4s;\n}\n.btn-6::after{\nleft: 50%;\nbottom: 0;\ntransition-duration: 0.4s;\n}\n.btn-6 span::before{\nleft: 0;\ntop: 50%;\ntransition-duration: 0.4s;\n}\n.btn-6 span::after{\nright: 0;\ntop: 50%;\ntransition-duration: 0.4s;\n}\n.btn-6:hover::before, .btn-6:hover::after{\nleft: 0;\n}\n.btn-6:hover span::before, .btn-6:hover span::after{\ntop: 0;\n}<\/code><\/pre>\n","protected":false},"template":"","class_list":["post-17232146","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17232146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17232146\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=17232146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}