import React from "react";
import "./Button.css";

export default function Button_section() {
	return (
		<section className="container-xl EadGraduacao">
			<div className="button-section-group">
				<div className="button-section">
					<a
						className="button-section__link background-neutral-100"
						href="https://exemplo.com"
						target="_blank"
						rel="noopener noreferrer"
						aria-label="Insira aqui o texto/função do botão">
						<svg
							className="button-section__icon"
							xmlns="http://www.w3.org/2000/svg"
							width="22"
							height="21"
							viewBox="0 0 22 21"
							fill="none">
							<path
								d="M21.4229 8.11812C21.3292 7.82986 21.1522 7.5758 20.9143 7.38795C20.6764 7.2001 20.3882 7.08686 20.0861 7.06249L14.5548 6.61624L12.4192 1.45155C12.3037 1.17013 12.1071 0.929412 11.8545 0.759996C11.6018 0.59058 11.3045 0.500122 11.0003 0.500122C10.6961 0.500122 10.3988 0.59058 10.1461 0.759996C9.89345 0.929412 9.69688 1.17013 9.58138 1.45155L7.44763 6.61531L1.91357 7.06249C1.61092 7.08809 1.32256 7.20243 1.08461 7.39119C0.846656 7.57994 0.669699 7.83472 0.575907 8.12361C0.482115 8.41249 0.47566 8.72263 0.557349 9.01516C0.639039 9.3077 0.805241 9.56962 1.03513 9.76812L5.25388 13.4084L3.96857 18.8516C3.89669 19.1473 3.91429 19.4577 4.01914 19.7434C4.12399 20.0291 4.31136 20.2771 4.55747 20.4562C4.80358 20.6352 5.09732 20.737 5.40142 20.7488C5.70552 20.7605 6.00625 20.6817 6.26544 20.5222L10.9998 17.6084L15.737 20.5222C15.9963 20.6798 16.2964 20.7571 16.5996 20.7445C16.9027 20.7318 17.1954 20.6298 17.4406 20.4512C17.6859 20.2726 17.8728 20.0254 17.9779 19.7407C18.083 19.4561 18.1015 19.1467 18.0311 18.8516L16.7411 13.4075L20.9598 9.76718C21.1916 9.56902 21.3593 9.30653 21.4417 9.01296C21.5242 8.71939 21.5176 8.40796 21.4229 8.11812ZM19.9848 8.63093L15.4192 12.5684C15.3151 12.6582 15.2376 12.7748 15.1953 12.9056C15.153 13.0364 15.1474 13.1763 15.1792 13.31L16.5742 19.1975C16.5778 19.2056 16.5782 19.2148 16.5752 19.2232C16.5722 19.2315 16.5662 19.2385 16.5583 19.2425C16.5414 19.2556 16.5367 19.2528 16.5226 19.2425L11.3926 16.0878C11.2745 16.0152 11.1385 15.9767 10.9998 15.9767C10.8611 15.9767 10.7252 16.0152 10.607 16.0878L5.47701 19.2444C5.46294 19.2528 5.45919 19.2556 5.44138 19.2444C5.43347 19.2403 5.42741 19.2334 5.42444 19.225C5.42147 19.2167 5.42183 19.2075 5.42544 19.1994L6.82044 13.3119C6.85224 13.1781 6.84667 13.0382 6.80434 12.9075C6.76201 12.7767 6.68456 12.66 6.58044 12.5703L2.01482 8.6328C2.00357 8.62343 1.99326 8.61499 2.00263 8.58593C2.01201 8.55687 2.01951 8.56062 2.03357 8.55874L8.02607 8.07499C8.16352 8.0632 8.29505 8.01373 8.4062 7.93203C8.51735 7.85032 8.60381 7.73954 8.65607 7.61187L10.9642 2.02343C10.9717 2.00749 10.9745 1.99999 10.997 1.99999C11.0195 1.99999 11.0223 2.00749 11.0298 2.02343L13.3436 7.61187C13.3963 7.73958 13.4833 7.85025 13.595 7.93164C13.7067 8.01303 13.8386 8.06199 13.9764 8.07312L19.9689 8.55687C19.9829 8.55687 19.9914 8.55687 19.9998 8.58405C20.0083 8.61124 19.9998 8.62156 19.9848 8.63093Z"
								fill="#151720"
							/>
						</svg>
						<span className="legend button-section__label--desktop">
							Default
						</span>
						<div class="badge-notification button-notification__badge">
							<span class="badge-notification__content">9</span>
						</div>
					</a>
					<span className="button-section__label button-section__label--mobile">
						Default
					</span>
				</div>
				<div className="button-section">
					<a
						className="button-section__link background-neutral-100"
						href="https://exemplo.com"
						target="_blank"
						rel="noopener noreferrer"
						aria-label="Insira aqui o texto/função do botão">
						<svg
							className="button-section__icon"
							xmlns="http://www.w3.org/2000/svg"
							width="22"
							height="21"
							viewBox="0 0 22 21"
							fill="none">
							<path
								d="M21.4229 8.11812C21.3292 7.82986 21.1522 7.5758 20.9143 7.38795C20.6764 7.2001 20.3882 7.08686 20.0861 7.06249L14.5548 6.61624L12.4192 1.45155C12.3037 1.17013 12.1071 0.929412 11.8545 0.759996C11.6018 0.59058 11.3045 0.500122 11.0003 0.500122C10.6961 0.500122 10.3988 0.59058 10.1461 0.759996C9.89345 0.929412 9.69688 1.17013 9.58138 1.45155L7.44763 6.61531L1.91357 7.06249C1.61092 7.08809 1.32256 7.20243 1.08461 7.39119C0.846656 7.57994 0.669699 7.83472 0.575907 8.12361C0.482115 8.41249 0.47566 8.72263 0.557349 9.01516C0.639039 9.3077 0.805241 9.56962 1.03513 9.76812L5.25388 13.4084L3.96857 18.8516C3.89669 19.1473 3.91429 19.4577 4.01914 19.7434C4.12399 20.0291 4.31136 20.2771 4.55747 20.4562C4.80358 20.6352 5.09732 20.737 5.40142 20.7488C5.70552 20.7605 6.00625 20.6817 6.26544 20.5222L10.9998 17.6084L15.737 20.5222C15.9963 20.6798 16.2964 20.7571 16.5996 20.7445C16.9027 20.7318 17.1954 20.6298 17.4406 20.4512C17.6859 20.2726 17.8728 20.0254 17.9779 19.7407C18.083 19.4561 18.1015 19.1467 18.0311 18.8516L16.7411 13.4075L20.9598 9.76718C21.1916 9.56902 21.3593 9.30653 21.4417 9.01296C21.5242 8.71939 21.5176 8.40796 21.4229 8.11812ZM19.9848 8.63093L15.4192 12.5684C15.3151 12.6582 15.2376 12.7748 15.1953 12.9056C15.153 13.0364 15.1474 13.1763 15.1792 13.31L16.5742 19.1975C16.5778 19.2056 16.5782 19.2148 16.5752 19.2232C16.5722 19.2315 16.5662 19.2385 16.5583 19.2425C16.5414 19.2556 16.5367 19.2528 16.5226 19.2425L11.3926 16.0878C11.2745 16.0152 11.1385 15.9767 10.9998 15.9767C10.8611 15.9767 10.7252 16.0152 10.607 16.0878L5.47701 19.2444C5.46294 19.2528 5.45919 19.2556 5.44138 19.2444C5.43347 19.2403 5.42741 19.2334 5.42444 19.225C5.42147 19.2167 5.42183 19.2075 5.42544 19.1994L6.82044 13.3119C6.85224 13.1781 6.84667 13.0382 6.80434 12.9075C6.76201 12.7767 6.68456 12.66 6.58044 12.5703L2.01482 8.6328C2.00357 8.62343 1.99326 8.61499 2.00263 8.58593C2.01201 8.55687 2.01951 8.56062 2.03357 8.55874L8.02607 8.07499C8.16352 8.0632 8.29505 8.01373 8.4062 7.93203C8.51735 7.85032 8.60381 7.73954 8.65607 7.61187L10.9642 2.02343C10.9717 2.00749 10.9745 1.99999 10.997 1.99999C11.0195 1.99999 11.0223 2.00749 11.0298 2.02343L13.3436 7.61187C13.3963 7.73958 13.4833 7.85025 13.595 7.93164C13.7067 8.01303 13.8386 8.06199 13.9764 8.07312L19.9689 8.55687C19.9829 8.55687 19.9914 8.55687 19.9998 8.58405C20.0083 8.61124 19.9998 8.62156 19.9848 8.63093Z"
								fill="#151720"
							/>
						</svg>
						<span className="legend button-section__label--desktop">
							Default
						</span>
					</a>
					<span className="button-section__label button-section__label--mobile">
						Default
					</span>
				</div>
			</div>
		</section>
	);
}
