{"id":534,"date":"2021-06-09T22:47:22","date_gmt":"2021-06-09T22:47:22","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=534"},"modified":"2021-06-10T18:30:49","modified_gmt":"2021-06-10T18:30:49","slug":"button-links-with-gradient-background","status":"publish","type":"wporg-pattern","link":"https:\/\/bre.wordpress.org\/patterns\/pattern\/button-links-with-gradient-background\/","title":{"rendered":"Button links with gradient background"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull has-background-dim has-background-gradient\" style=\"background:linear-gradient(135deg,rgb(244,237,225) 0%,rgb(178,191,173) 100%);min-height:100vh;aspect-ratio:unset;\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image is-style-rounded\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Solar-Eclipse.jpg\" alt=\"\" class=\"wp-image-533\" width=\"120\" height=\"120\" srcset=\"https:\/\/bre.wordpress.org\/patterns\/files\/2021\/06\/Solar-Eclipse.jpg 840w, https:\/\/bre.wordpress.org\/patterns\/files\/2021\/06\/Solar-Eclipse-300x300.jpg 300w, https:\/\/bre.wordpress.org\/patterns\/files\/2021\/06\/Solar-Eclipse-150x150.jpg 150w, https:\/\/bre.wordpress.org\/patterns\/files\/2021\/06\/Solar-Eclipse-768x768.jpg 768w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"has-text-align-center has-text-color wp-block-heading\" style=\"color:#111111;font-size:48px\"><strong>Solar Eclipse<\/strong><\/h2>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">Watch my videos<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">Buy prints of my work<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">My wish list<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">Follow me on Twitter<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">Visit my Instagram<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:90px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n","protected":false},"author":5911429,"parent":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"","wpop_description":"","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/cover,core\/heading,core\/image,core\/spacer","footnotes":""},"pattern-categories":[2],"pattern-keywords":[59],"wporg-pattern-flag-reason":[],"class_list":["post-534","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-keyword-featured"],"category_slugs":["buttons"],"keyword_slugs":["featured"],"pattern_content":"<!-- wp:cover {\"minHeight\":100,\"minHeightUnit\":\"vh\",\"customGradient\":\"linear-gradient(135deg,rgb(244,237,225) 0%,rgb(178,191,173) 100%)\",\"align\":\"full\"} -->\n<div class=\"wp-block-cover alignfull has-background-dim has-background-gradient\" style=\"background:linear-gradient(135deg,rgb(244,237,225) 0%,rgb(178,191,173) 100%);min-height:100vh\"><div class=\"wp-block-cover__inner-container\"><!-- wp:spacer {\"height\":80} -->\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:image {\"align\":\"center\",\"id\":533,\"width\":120,\"height\":120,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"className\":\"is-style-rounded\"} -->\n<div class=\"wp-block-image is-style-rounded\"><figure class=\"aligncenter size-large is-resized\"><img src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Solar-Eclipse.jpg\" alt=\"\" class=\"wp-image-533\" width=\"120\" height=\"120\" \/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"48px\"},\"color\":{\"text\":\"#111111\"}}} -->\n<h2 class=\"has-text-align-center has-text-color\" style=\"color:#111111;font-size:48px\"><strong>Solar Eclipse<\/strong><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:spacer {\"height\":60} -->\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:buttons {\"contentJustification\":\"center\"} -->\n<div class=\"wp-block-buttons is-content-justification-center\"><!-- wp:button {\"width\":100,\"style\":{\"color\":{\"background\":\"#111111\",\"text\":\"#fefefe\"},\"border\":{\"radius\":6}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">Watch my videos<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"width\":100,\"style\":{\"color\":{\"background\":\"#111111\",\"text\":\"#fefefe\"},\"border\":{\"radius\":6}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">Buy prints of my work<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"width\":100,\"style\":{\"color\":{\"background\":\"#111111\",\"text\":\"#fefefe\"},\"border\":{\"radius\":6}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">My wish list<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"width\":100,\"style\":{\"color\":{\"background\":\"#111111\",\"text\":\"#fefefe\"},\"border\":{\"radius\":6}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">Follow me on Twitter<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"width\":100,\"style\":{\"color\":{\"background\":\"#111111\",\"text\":\"#fefefe\"},\"border\":{\"radius\":6}}} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-text-color has-background\" style=\"border-radius:6px;background-color:#111111;color:#fefefe\">Visit my Instagram<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:spacer {\"height\":90} -->\n<div style=\"height:90px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div><\/div>\n<!-- \/wp:cover -->","favorite_count":42,"author_meta":{"name":"WordPress.org","url":"https:\/\/bre.wordpress.org\/patterns\/author\/wordpressdotorg","avatar":"https:\/\/secure.gravatar.com\/avatar\/178f40079143ff7464125e4fbc88e62024a16442920a6a3d6dfa3d7e626be20d?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"author":[{"embeddable":true,"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/users\/5911429"}],"version-history":[{"count":0,"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/534\/revisions"}],"wp:attachment":[{"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=534"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=534"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=534"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/bre.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}