<style>
  :root{
	--mint: #A8F0D1;      /* main */
	--mint-hov: #95e8c6;  /* hover */
	--mint-act: #84dbb8;  /* active */
	--ink: #0a0a0b;       /* text (black-ish) */
	--ring: #11182720;    /* subtle focus ring */
  }

  /* Buttons & button-like links */
  :where(button,
		 [type="button"],
		 [type="submit"],
		 .btn,
		 a.btn,
		 a[role="button"]) {
	background-color: var(--mint) !important;
	color: var(--ink) !important;
	border: 0;
	border-radius: 12px;
	padding: .9rem 1.1rem;
	font-weight: 600;
	box-shadow: 0 10px 18px -12px rgba(0,0,0,.35);
	transition: transform .06s ease, background-color .15s ease, box-shadow .2s ease;
  }

  :where(button,[type="button"],[type="submit"],.btn,a.btn,a[role="button"]):hover {
	background-color: var(--mint-hov) !important;
	transform: translateY(-1px);
  }

  :where(button,[type="button"],[type="submit"],.btn,a.btn,a[role="button"]):active {
	background-color: var(--mint-act) !important;
	transform: translateY(0);
  }

  :where(button,[type="button"],[type="submit"],.btn,a.btn,a[role="button"]):focus-visible {
	outline: 0;
	box-shadow: 0 0 0 4px var(--ring), 0 10px 18px -12px rgba(0,0,0,.35);
  }

  :where(button,[type="button"],[type="submit"],.btn,a.btn,a[role="button"]):disabled {
	opacity: .6; cursor: not-allowed; transform:none;
  }
</style>