{"id":161141,"date":"2023-08-09T13:16:44","date_gmt":"2023-08-09T07:46:44","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=161141"},"modified":"2023-08-14T14:19:40","modified_gmt":"2023-08-14T08:49:40","slug":"astra-button-presets","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/astra-button-presets\/","title":{"rendered":"C\u00f3mo utilizar las preconfiguraciones de los botones Astra"},"content":{"rendered":"<p>En este documento, le mostraremos c\u00f3mo hacer botones super cool para su sitio web utilizando \"Bot\u00f3n Presets\" y c\u00f3mo el estilo de su bot\u00f3n seg\u00fan sus necesidades.<\/p>\n\n\n\n<p>Tanto si acabas de empezar a trabajar con Astra como si ya eres un experto, te ofrecemos unos sencillos pasos que te ayudar\u00e1n a dise\u00f1ar botones que realmente destaquen gracias a los preajustes de botones.<\/p>\n\n\n\n<p>Empecemos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 son las preconfiguraciones de botones?<\/h3>\n\n\n\n<p>Las preconfiguraciones de botones son estilos de botones predise\u00f1ados que vienen con Astra.<\/p>\n\n\n\n<p>Piense en los preajustes de botones como dise\u00f1os de botones listos para usar que hacen que sus botones tengan un aspecto impresionante. Puede utilizar estos preajustes en su dise\u00f1o con un solo clic.<\/p>\n\n\n\n<p>Ahora hay dos tipos de preconfiguraciones de botones disponibles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Botones s\u00f3lidos<\/strong>: Los colores se han rellenado, haci\u00e9ndolos parecer s\u00f3lidos.<\/li>\n\n\n\n<li><strong>Botones transparentes<\/strong>: Los botones tienen bordes que definen su forma.<\/li>\n<\/ul>\n\n\n\n<p>Ahora, cada uno de estos botones tiene tres opciones entre las que puedes elegir.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"1\">\n<li><strong>Esquina de caja afilada<\/strong>: Est\u00e1 el de caja con esquinas afiladas, el tipo de aspecto cuadrado.<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li><strong>Esquina semiredonda<\/strong>: Luego est\u00e1 la esquina semirredondeada, en la que las esquinas son un poco m\u00e1s suaves, pero no del todo.<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li><strong>Esquina redondeada<\/strong>: Y, por \u00faltimo, las esquinas totalmente redondeadas, que, como su nombre indica, son bonitas y curvas.<\/li>\n<\/ol>\n\n\n\n<p>Este es su aspecto:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls loop src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra-Buttons_presets.mp4\"><\/video><\/figure>\n\n\n\n<p>Estos preajustes de botones ya tienen un aspecto estupendo, pero si necesita realizar cambios en los dise\u00f1os de los botones antes de utilizarlos, puede personalizarlos muy f\u00e1cilmente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo utilizar las preconfiguraciones de botones<\/h3>\n\n\n\n<p>Con estos estilos, no necesitas ser un experto en dise\u00f1o para que tus botones tengan un aspecto estupendo. Todo lo que tienes que hacer es elegir el estilo que mejor se adapte al estilo de tu sitio web y el dise\u00f1o de todos los botones de tu sitio web cambiar\u00e1 en consecuencia. <\/p>\n\n\n\n<p>Para cambiar los preajustes de los botones, siga los pasos que se indican a continuaci\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\" start=\"1\">\n<li>Vaya a Apariencia &gt; Personalizar en el panel de control de WordPress.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer.jpeg\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"416\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer-1024x416.jpeg\" alt=\"Astra_Customizer\" class=\"wp-image-161143\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer-1024x416.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer-300x122.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer-768x312.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer.jpeg 1334w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>En la configuraci\u00f3n del Personalizador, haga clic en Global.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global.jpeg\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global-1024x472.jpeg\" alt=\"Astra_Customizer_global\" class=\"wp-image-161145\" width=\"875\" height=\"403\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global-1024x472.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global-300x138.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global-768x354.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global.jpeg 1342w\" sizes=\"(max-width: 875px) 100vw, 875px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>En ajustes globales, seleccione Botones.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons.jpeg\"><img decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons-1024x476.jpeg\" alt=\"Astra_Customizer_global_buttons\" class=\"wp-image-161146\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons-1024x476.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons-300x140.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons-768x357.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons.jpeg 1337w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ver\u00e1 los botones predefinidos en la parte superior de la p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets-1024x470.jpeg\" alt=\"\" class=\"wp-image-161148\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets-1024x470.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets-300x138.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets-768x353.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets.jpeg 1343w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Haga clic en el bot\u00f3n preestablecido que desea cambiar y todos los botones de su sitio web se modificar\u00e1n en consecuencia.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo personalizar los botones<\/h3>\n\n\n\n<p>Puede personalizar a\u00fan m\u00e1s los botones utilizando las opciones disponibles en el men\u00fa de botones del personalizador.<\/p>\n\n\n\n<p>Estas son las opciones que tienes:<\/p>\n\n\n\n<ul class=\"wp-block-list\" start=\"1\">\n<li><strong>Color<\/strong>: Puede cambiar el color del texto del bot\u00f3n, el color de fondo y el color del borde para las condiciones normal y hover utilizando esta opci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_colors.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_colors-1024x474.jpeg\" alt=\"Astra_Customizer_global_buttons_presets_colors\" class=\"wp-image-161150\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_colors-1024x474.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_colors-300x139.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_colors-768x356.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_colors.jpeg 1341w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\" start=\"2\">\n<li><strong>Fuente<\/strong>: La opci\u00f3n de fuente le permite cambiar la familia de fuentes, el peso de la fuente, el tama\u00f1o de la fuente, las may\u00fasculas y tambi\u00e9n las decoraciones de la fuente. Basta con hacer clic en el icono del l\u00e1piz situado junto a la opci\u00f3n de fuente para abrir el men\u00fa de fuentes.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_fonts.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_fonts-1024x472.jpeg\" alt=\"Astra_Customizer_global_buttons_presets_fonts\" class=\"wp-image-161151\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_fonts-1024x472.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_fonts-300x138.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_fonts-768x354.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_fonts.jpeg 1338w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\" start=\"3\">\n<li><strong>Acolchado<\/strong>: Esta opci\u00f3n le permite a\u00f1adir un espacio entre el contenido dentro del bot\u00f3n y los bordes del bot\u00f3n.<\/li>\n\n\n\n<li><strong>Ancho del borde:<\/strong>&nbsp;Esta opci\u00f3n permite ajustar el grosor de la l\u00ednea que forma el borde exterior del bot\u00f3n.<\/li>\n\n\n\n<li><strong>Radio del borde<\/strong>: Esta opci\u00f3n permite controlar la suavidad de las esquinas de los botones para redondearlas y hacerlas menos afiladas.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_padding.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_padding-1024x465.jpeg\" alt=\"Astra_Customizer_global_buttons_presets_padding\" class=\"wp-image-161152\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_padding-1024x465.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_padding-300x136.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_padding-768x349.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_padding.jpeg 1356w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1ndo se aplican los cambios?<\/h3>\n\n\n\n<p>Tienes libertad para modificar los colores hasta que est\u00e9s satisfecho con el resultado.<\/p>\n\n\n\n<p>Para asegurarse de que todos estos cambios permanezcan en su sitio web para siempre, haga clic en el bot\u00f3n \"Publicar\" situado en la parte superior del personalizador.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_publish.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_publish-1024x471.jpeg\" alt=\"Astra_Customizer_global_buttons_presets_publish\" class=\"wp-image-161154\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_publish-1024x471.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_publish-300x138.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_publish-768x354.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer_global_buttons_presets_publish.jpeg 1340w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>En conclusi\u00f3n, Button Presets en Astra le proporciona toda una gama de opciones para hacer que sus botones tengan un aspecto impresionante.<\/p>\n\n\n\n<p>Tanto si le gustan los colores lisos como los contornos, y si prefiere las esquinas afiladas, los bordes ligeramente redondeados o las curvas totalmente redondeadas, hay un estilo para cada persona.<\/p>","protected":false},"excerpt":{"rendered":"<p>En este documento, le mostraremos c\u00f3mo hacer botones super cool para su sitio web utilizando \"Button Presets\" y c\u00f3mo dar estilo a su bot\u00f3n seg\u00fan sus necesidades. Tanto si acabas de empezar tu andadura con Astra como si eres un profesional experimentado, te cubrimos las espaldas con sencillos pasos que te ayudar\u00e1n a dise\u00f1ar botones [...].<\/p>","protected":false},"author":86,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[1595],"docs_tag":[],"class_list":{"0":"post-161141","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-global"},"spectra_custom_meta":{"wp_last_modified_info":["August 14, 2023 @ 2:19 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1692002981:86"],"_wplmi_last_modified":["2023-08-14 14:19:40"],"rank_math_internal_links_processed":["1"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-64d341e0bc690\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:16:\"%post_thumbnail%\";s:8:\"embedUrl\";s:0:\"\";s:10:\"contentUrl\";s:84:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra-Buttons_presets.mp4\";s:8:\"duration\";s:0:\"\";s:5:\"width\";i:1344;s:6:\"height\";i:616;s:16:\"isFamilyFriendly\";b:1;}"],"rank_math_seo_score":["19"],"_edit_last":["86"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"views":["4615"],"helpful":["1"],"unhelpful":["10"],"redirects":["0"],"rank_math_primary_docs_category":["1595"],"rank_math_analytic_object_id":["2501"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"45a78bba714976fc5ba51558bcd5b4ae\";s:6:\"images\";a:1:{i:0;s:89:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/08\/Astra_Customizer-1024x416.jpeg\";}}"],"pfd_related_docs":[""],"_trp_automatically_translated_slug_es_ES":["preajustes-de-botones-astra"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:8:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:10:\"core\/video\";i:5;s:10:\"core\/image\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777376392\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Arindam","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/arindamm\/"},"uagb_comment_info":0,"uagb_excerpt":"In this document, we will show you how to make super cool buttons for your website using &#8220;Button Presets\u201d and how to style your button as per your requirements. Whether you&#8217;re just starting your journey with Astra or you&#8217;re a seasoned pro, we&#8217;ve got your back with simple steps that will help you design buttons&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/161141"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=161141"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/161141\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=161141"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=161141"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=161141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}