/*
* LittleLink Button Styles
* https://littlelink.io
* Free to use under the MIT license
* http://www.opensource.org/licenses/mit-license.php
*/

/* Brand Button Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Only include brand-specific button styling here */
.button,button {
  color:var(--button-text,rgb(0, 30, 163));
  background-color:var(--button-background,transparent);
	border:var(--button-border,none);
  border-radius:8px;
  padding:10px 20px;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  box-shadow:0 4px 6px rgba(0,0,0,0.1);
  transition:filter 0.2s ease,transform 0.2s ease;
}

/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button:hover,button:hover {
	filter:brightness(50%);
	filter: drop-shadow(0 4px 3px rgba(255, 255, 255, 0.953));
	transform:translateY(-3px);
}

/* Button Icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.icon {
	filter:var(--icon-filter,none);
}

/* Brand-Specific Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button.web
{
	--button-text:#ffffff;
	--button-background:#000000;
	--button-border:1px solid #ffffff;
}

/* Default */
.button.button-default {
	--button-text:#ffffff;
	--button-background:#2457F5;
	--button-border:1px solid #ffffff;
}

/* Discord */
.button-discord {
	--button-text:#ffffff;
	--button-background:#5865F2;
}

/* Facebook */
.button-faceb {
	--button-text:#ffffff;
	--button-background:#0866FF;
}

/* Flickr */
.button-flickr {
	--button-text:#ffffff;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* GitHub */
.button-github {
	--button-text:#ffffff;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* Instagram */
.button-instagram {
	--button-text:#ffffff;
	background-image:linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
}

/* LinkedIn */
.button-linked {
	--button-text:#ffffff;
	--button-background:#2867b2;
}

/* Notion */
.button-notion {
	--button-text:#000000;
	--button-background:#ffffff;
	--button-border:1px solid #212121;
}

/* Obsidian */
.button.button-obsidian {
	--button-text:#ffffff;
	--button-background:#262626;
	--button-border:1px solid #ffffff;
}

/* Product Hunt */
.button-product-hunt {
	--button-text:#000000;
	--button-background:#ffffff;
	--button-border:1px solid #212121;
}

/* Spotify */
.button-spotify {
	--button-text:#191414;
	--button-background:#1db954;
}

/* Strava */
.button-strava {
	--button-text:#ffffff;
	--button-background:#fc5200;
}

/* WhatsApp */
.button-whatsapp {
	--button-text:#ffffff;
	--button-background:#455a64;
}

/* X */
.button-x {
	--button-text:#FFFFFF;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* YouTube */
.button-yt {
	--button-text:#ffffff;
	--button-background:#282828;
	--button-border:1px solid #FFFFFF;
}