import React from "react";
import "./Button.css";
import Button_section from "./Button_section";

export default function Button() {
	return (
		<section id="Introducao">
			<h3 className="heading3">Introdução</h3>
			<h4 className="heading4">Pill</h4>
			<div className="button-group">
				<a
					className="button-pill button--icon-right button--blue"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-pill button--icon-right button--blue button-pill--hover"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-pill button--icon-right button--blue button-pill--focus"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-pill button--icon-right button--blue button-pill--active"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-pill button--icon-right button--blue disabled"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
			</div>
			<div className="button-group">
				<a
					className="button-pill button--icon-left button--blue"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-pill button--icon-left button--blue button-pill--hover"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-pill button--icon-left button--blue button-pill--focus"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-pill button--icon-left button--blue button-pill--active"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-pill button--icon-left button--blue disabled"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
			</div>
			<h4 className="heading4">Rounded</h4>
			<div className="button-group">
				<a
					className="button-rounded button--icon-right button--neutral"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-rounded button--icon-right button--neutral button-rounded--hover"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-rounded button--icon-right button--neutral button-rounded--focus"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-rounded button--icon-right button--neutral button-rounded--active"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-rounded button--icon-right button--neutral disabled"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
			</div>
			<div className="button-group">
				<a
					className="button-rounded button--icon-left button--neutral"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-rounded button--icon-left button--neutral button-rounded--hover"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-rounded button--icon-left button--neutral button-rounded--focus"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-rounded button--icon-left button--neutral button-rounded--active"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-rounded button--icon-left button--neutral disabled"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
			</div>
			<h4 className="heading4">Minimal</h4>
			<div className="button-group">
				<a
					className="button-minimal button--icon-right button--blue"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-minimal button--icon-right button--blue button-minimal--hover"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-minimal button--icon-right button--blue button-minimal--focus"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-minimal button--icon-right button--blue button-minimal--active"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
				<a
					className="button-minimal button--icon-right button--blue disabled"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M16.8173 6.83862C16.747 6.62243 16.6143 6.43188 16.4358 6.29099C16.2574 6.1501 16.0413 6.06517 15.8147 6.0469L11.6662 5.71221L10.0645 1.8387C9.9779 1.62763 9.83047 1.44709 9.64098 1.32003C9.45148 1.19297 9.22849 1.12512 9.00034 1.12512C8.77219 1.12512 8.54919 1.19297 8.3597 1.32003C8.17021 1.44709 8.02278 1.62763 7.93616 1.8387L6.33585 5.71151L2.1853 6.0469C1.95831 6.0661 1.74204 6.15185 1.56358 6.29342C1.38511 6.43499 1.2524 6.62607 1.18205 6.84273C1.11171 7.0594 1.10687 7.292 1.16813 7.5114C1.2294 7.7308 1.35405 7.92725 1.52647 8.07612L4.69053 10.8064L3.72655 14.8887C3.67264 15.1105 3.68584 15.3433 3.76447 15.5576C3.84311 15.7718 3.98364 15.9579 4.16822 16.0921C4.3528 16.2264 4.57312 16.3028 4.80119 16.3116C5.02926 16.3204 5.25481 16.2613 5.44921 16.1417L8.99999 13.9564L12.5529 16.1417C12.7473 16.2599 12.9724 16.3179 13.1998 16.3084C13.4272 16.2989 13.6466 16.2224 13.8306 16.0884C14.0145 15.9544 14.1548 15.769 14.2336 15.5556C14.3124 15.3421 14.3262 15.11 14.2734 14.8887L13.3059 10.8056L16.47 8.07541C16.6438 7.92679 16.7696 7.72992 16.8314 7.50975C16.8933 7.28958 16.8884 7.056 16.8173 6.83862ZM15.7387 7.22323L12.3145 10.1764C12.2364 10.2437 12.1783 10.3311 12.1466 10.4292C12.1149 10.5273 12.1107 10.6322 12.1345 10.7325L13.1808 15.1481C13.1835 15.1542 13.1837 15.1611 13.1815 15.1674C13.1793 15.1737 13.1747 15.1789 13.1688 15.1819C13.1562 15.1917 13.1526 15.1896 13.1421 15.1819L9.2946 12.8159C9.20599 12.7614 9.104 12.7326 8.99999 12.7326C8.89597 12.7326 8.79399 12.7614 8.70538 12.8159L4.85788 15.1833C4.84733 15.1896 4.84452 15.1917 4.83116 15.1833C4.82522 15.1803 4.82068 15.1751 4.81845 15.1688C4.81623 15.1625 4.8165 15.1556 4.81921 15.1496L5.86545 10.7339C5.8893 10.6336 5.88512 10.5287 5.85338 10.4306C5.82163 10.3325 5.76354 10.2451 5.68545 10.1778L2.26124 7.22463C2.2528 7.2176 2.24506 7.21127 2.2521 7.18948C2.25913 7.16768 2.26475 7.17049 2.2753 7.16909L6.76967 6.80627C6.87276 6.79743 6.97141 6.76033 7.05477 6.69905C7.13813 6.63777 7.20298 6.55468 7.24217 6.45893L8.97327 2.2676C8.97889 2.25565 8.981 2.25002 8.99788 2.25002C9.01475 2.25002 9.01686 2.25565 9.02249 2.2676L10.7578 6.45893C10.7974 6.55472 10.8626 6.63771 10.9464 6.69876C11.0301 6.7598 11.1291 6.79652 11.2324 6.80487L15.7268 7.16768C15.7373 7.16768 15.7437 7.16768 15.75 7.18807C15.7563 7.20846 15.75 7.2162 15.7387 7.22323Z"
							fill="#151720"
						/>
					</svg>
					Button
				</a>
			</div>
			<div className="button-group">
				<a
					className="button-minimal button--icon-left button--blue"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-minimal button--icon-left button--blue button-minimal--hover"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-minimal button--icon-left button--blue button-minimal--focus"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-minimal button--icon-left button--blue button-minimal--active"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
				<a
					className="button-minimal button--icon-left button--blue disabled"
					href="https://exemplo.com"
					target="_blank"
					rel="noopener noreferrer"
					aria-label="Insira aqui o texto/função do button">
					Button
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="18"
						height="18"
						viewBox="0 0 18 18"
						fill="none">
						<path
							d="M14.0623 4.5V11.8125C14.0623 11.9617 14.0031 12.1048 13.8976 12.2102C13.7921 12.3157 13.649 12.375 13.4998 12.375C13.3506 12.375 13.2076 12.3157 13.1021 12.2102C12.9966 12.1048 12.9373 11.9617 12.9373 11.8125V5.85773L4.89779 13.898C4.79225 14.0035 4.64909 14.0628 4.49982 14.0628C4.35056 14.0628 4.2074 14.0035 4.10186 13.898C3.99631 13.7924 3.93701 13.6493 3.93701 13.5C3.93701 13.3507 3.99631 13.2076 4.10186 13.102L12.1421 5.0625H6.18732C6.03814 5.0625 5.89507 5.00324 5.78958 4.89775C5.68409 4.79226 5.62482 4.64918 5.62482 4.5C5.62482 4.35082 5.68409 4.20774 5.78958 4.10225C5.89507 3.99676 6.03814 3.9375 6.18732 3.9375H13.4998C13.649 3.9375 13.7921 3.99676 13.8976 4.10225C14.0031 4.20774 14.0623 4.35082 14.0623 4.5Z"
							fill="#151720"
						/>
					</svg>
				</a>
			</div>
			<h4 className="heading4">Custom button-notification</h4>
			<a
				className="button-notification"
				href="https://exemplo.com"
				aria-label="Insira aqui o texto/função do button">
				<div className="avatar-group--sm">
					<div className="avatar avatar__letter--sm background-blue-900 ">
						<span className="avatar__letter-content--sm">A</span>
					</div>
					<div className="avatar avatar__letter--sm background-blue-600 ">
						<span className="avatar__letter-content--sm">B</span>
					</div>
				</div>
				<div className="flexbox__center">
					<p className="button-notification__text">
						<span className="button-notification__text-part">
							Fique por dentro:
						</span>
						confira os <b>avisos</b>!
					</p>
					<div>
						<svg
							xmlns="http://www.w3.org/2000/svg"
							width="20"
							height="16"
							viewBox="0 0 20 16"
							fill="none">
							<path
								d="M15.6253 4V10.5C15.6253 10.6326 15.5595 10.7598 15.4423 10.8536C15.3251 10.9473 15.1661 11 15.0003 11C14.8346 11 14.6756 10.9473 14.5584 10.8536C14.4412 10.7598 14.3753 10.6326 14.3753 10.5V5.20687L5.44254 12.3538C5.32526 12.4476 5.1662 12.5003 5.00035 12.5003C4.8345 12.5003 4.67544 12.4476 4.55816 12.3538C4.44088 12.2599 4.375 12.1327 4.375 12C4.375 11.8673 4.44088 11.7401 4.55816 11.6462L13.4918 4.5H6.87535C6.70959 4.5 6.55062 4.44732 6.43341 4.35355C6.3162 4.25979 6.25035 4.13261 6.25035 4C6.25035 3.86739 6.3162 3.74021 6.43341 3.64645C6.55062 3.55268 6.70959 3.5 6.87535 3.5H15.0003C15.1661 3.5 15.3251 3.55268 15.4423 3.64645C15.5595 3.74021 15.6253 3.86739 15.6253 4Z"
								fill="#1529FF"
							/>
						</svg>
					</div>
				</div>
				<div class="badge-notification button-notification__badge">
					{/* remover o numero quando for usar no moodle */}
					<span class="badge-notification__content">9</span>
				</div>
			</a>
			<h4 className="heading4">Custom button-media-link</h4>
			<a
				className="button-media-link button--blue"
				href="https://exemplo.com"
				target="_blank"
				rel="noopener noreferrer"
				aria-label="Insira aqui o texto/função do button">
				<div className="flexbox__center">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="24"
						height="25"
						viewBox="0 0 24 25"
						fill="none">
						<path
							d="M22.4234 9.61812C22.3297 9.32986 22.1527 9.0758 21.9148 8.88795C21.6769 8.7001 21.3887 8.58686 21.0866 8.56249L15.5553 8.11624L13.4197 2.95155C13.3042 2.67013 13.1076 2.42941 12.855 2.26C12.6023 2.09058 12.305 2.00012 12.0008 2.00012C11.6966 2.00012 11.3992 2.09058 11.1466 2.26C10.8939 2.42941 10.6974 2.67013 10.5819 2.95155L8.44812 8.11531L2.91406 8.56249C2.61141 8.58809 2.32305 8.70243 2.0851 8.89119C1.84714 9.07994 1.67019 9.33472 1.5764 9.62361C1.4826 9.91249 1.47615 10.2226 1.55784 10.5152C1.63953 10.8077 1.80573 11.0696 2.03562 11.2681L6.25437 14.9084L4.96906 20.3516C4.89717 20.6473 4.91477 20.9577 5.01962 21.2434C5.12448 21.5291 5.31185 21.7771 5.55796 21.9562C5.80407 22.1352 6.09781 22.237 6.40191 22.2488C6.70601 22.2605 7.00674 22.1817 7.26593 22.0222L12.0003 19.1084L16.7375 22.0222C16.9968 22.1798 17.2969 22.2571 17.6001 22.2445C17.9032 22.2318 18.1958 22.1298 18.4411 21.9512C18.6864 21.7726 18.8733 21.5254 18.9784 21.2407C19.0835 20.9561 19.102 20.6467 19.0316 20.3516L17.7416 14.9075L21.9603 11.2672C22.1921 11.069 22.3598 10.8065 22.4422 10.513C22.5247 10.2194 22.5181 9.90796 22.4234 9.61812ZM20.9853 10.1309L16.4197 14.0684C16.3156 14.1582 16.2381 14.2748 16.1958 14.4056C16.1535 14.5364 16.1479 14.6763 16.1797 14.81L17.5747 20.6975C17.5783 20.7056 17.5787 20.7148 17.5757 20.7232C17.5727 20.7315 17.5667 20.7385 17.5587 20.7425C17.5419 20.7556 17.5372 20.7528 17.5231 20.7425L12.3931 17.5878C12.275 17.5152 12.139 17.4767 12.0003 17.4767C11.8616 17.4767 11.7256 17.5152 11.6075 17.5878L6.47749 20.7444C6.46343 20.7528 6.45968 20.7556 6.44187 20.7444C6.43396 20.7403 6.42789 20.7334 6.42493 20.725C6.42196 20.7167 6.42232 20.7075 6.42593 20.6994L7.82093 14.8119C7.85273 14.6781 7.84715 14.5382 7.80483 14.4075C7.7625 14.2767 7.68505 14.16 7.58093 14.0703L3.01531 10.1328C3.00406 10.1234 2.99374 10.115 3.00312 10.0859C3.01249 10.0569 3.01999 10.0606 3.03406 10.0587L9.02656 9.57499C9.164 9.5632 9.29554 9.51373 9.40669 9.43203C9.51783 9.35032 9.6043 9.23954 9.65656 9.11187L11.9647 3.52343C11.9722 3.50749 11.975 3.49999 11.9975 3.49999C12.02 3.49999 12.0228 3.50749 12.0303 3.52343L14.3441 9.11187C14.3968 9.23958 14.4838 9.35025 14.5955 9.43164C14.7072 9.51303 14.8391 9.56199 14.9769 9.57312L20.9694 10.0569C20.9834 10.0569 20.9919 10.0569 21.0003 10.0841C21.0087 10.1112 21.0003 10.1216 20.9853 10.1309Z"
							fill="#1529FF"
						/>
					</svg>
					<p className="paragraph--medium">Acesse o Nome do Material</p>
				</div>
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="24"
					height="25"
					viewBox="0 0 24 25"
					fill="none">
					<path
						d="M18.7504 6.5V16.25C18.7504 16.4489 18.6714 16.6397 18.5307 16.7803C18.3901 16.921 18.1993 17 18.0004 17C17.8015 17 17.6107 16.921 17.4701 16.7803C17.3294 16.6397 17.2504 16.4489 17.2504 16.25V8.31031L6.53104 19.0306C6.39031 19.1714 6.19944 19.2504 6.00042 19.2504C5.80139 19.2504 5.61052 19.1714 5.46979 19.0306C5.32906 18.8899 5.25 18.699 5.25 18.5C5.25 18.301 5.32906 18.1101 5.46979 17.9694L16.1901 7.25H8.25042C8.0515 7.25 7.86074 7.17098 7.72009 7.03033C7.57943 6.88968 7.50042 6.69891 7.50042 6.5C7.50042 6.30109 7.57943 6.11032 7.72009 5.96967C7.86074 5.82902 8.0515 5.75 8.25042 5.75H18.0004C18.1993 5.75 18.3901 5.82902 18.5307 5.96967C18.6714 6.11032 18.7504 6.30109 18.7504 6.5Z"
						fill="#1529FF"
					/>
				</svg>
			</a>
			<Button_section />
		</section>
	);
}
