/*
* 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,#000000);
  background-color:var(--button-background,transparent);
	border:var(--button-border,none);
	transition:filter 0.2s ease,transform 0.2s ease;
}

/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button:hover,button:hover {
	filter:brightness(90%);
	transform:translateY(-1px);
}

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

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

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

/* Amazon */
.button-amazon {
	--button-text:#000000;
	--button-background:#FFFFFF;
	--button-border:1px solid #212121;
}

/* Amazon Music */
.button-amazon-music {
	--button-text:#000000;
	--button-background:#25D1DA;
}

/* Apple App Store */
.button-appstore {
	--button-text:#FFFFFF;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* Apple Invites */
.button-invites {
	--button-text:#FFFFFF;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* Apple Music */
.button-apple-music {
	--button-text:#ffffff;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* Apple Music Alt */
.button-apple-music-alt {
	--button-text:#ffffff;
	background-image:linear-gradient(to bottom,#FB5C74,#FA233B);
}

/* Apple Podcasts */
.button-apple-podcasts {
	--button-text:#ffffff;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* Apple Podcasts Alt */
.button-apple-podcasts-alt {
	--button-text:#ffffff;
	background-image:linear-gradient(to bottom,#F452FF,#832BC1);
}

/* Bandcamp */
.button-bandcamp {
	--button-text:#ffffff;
	--button-background:#1d9fc3;
}

/* Behance */
.button-behance {
	--button-text:#ffffff;
	--button-background:#0057FF;
  --button-border:1px solid #FFFFFF;
}

/* Bluesky */
.button-bluesky {
	--button-text:#FFFFFF;
	--button-background:#1185FE;
}

/* Bluesky Alt */
.button-bluesky-alt {
	--button-text:#000000;
	--button-background:#FFFFFF;
	--button-border:1px solid #000000;
}

/* Buy Me a Coffee */
.button-coffee {
	--button-text:#000000;
	--button-background:#ffdd00;
}

/* Cal.com */
.button-cal {
	--button-text:#FFFFFF;
	--button-background:#292929;
	--button-border:1px solid #FFFFFF;
}

/* Calendly */
.button-calendly {
	--button-text:#FFFFFF;
	--button-background:#006BFF;
}

/* Cash App */
.button-cash-app {
	--button-text:#ffffff;
	background-image:linear-gradient(to bottom,#00d64b,#00c244);
}

/* dev.to */
.button-dev-to {
	--button-text:#000000;
	--button-background:#f5f5f5;
	--button-border:1px solid #212121;
}

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

/* Discogs Alt */
.button-discogs-alt {
	--button-text:#FFFFFF;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

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

/* Dribbble */
.button-dribbble {
	--button-text:#000000;
	--button-background:#FFFFFF;
	--button-border:1px solid #212121;
}

/* Etsy */
.button-etsy {
	--button-text:#ffffff;
	--button-background:#F45800;
}

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

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

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

/* Fiverr */
.button-fiverr {
	--button-text:#ffffff;
	--button-background:#1DBF73;
}

/* 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;
}

/* GitLab */
.button-gitlab {
	--button-text:#ffffff;
	--button-background:#6151b2;
}

/* GoFundMe */
.button-gofundme {
	--button-text:#ffffff;
	--button-background:#02A95C;
}

/* Goodreads */
.button-goodreads {
	--button-text:#333333;
	--button-background:#f3f1e6;
	--button-border:1px solid #212121;
}

/* Google Black */
.button-google-black {
	--button-text:#FFFFFF;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* Google Play Store */
.button-playstore {
	--button-text:#FFFFFF;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* Google Scholar */
.button-google-scholar {
	--button-text:#000000;
	--button-background:#FFFFFF;
	--button-border:1px solid #212121;
}

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

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

/* Kick */
.button-kick {
	--button-text:#ffffff;
	--button-background:#000000;
	--button-border:1px solid #ffffff;
}

/* Kick Alt */
.button-kick-alt {
	--button-text:#000000;
	--button-background:#01e701;
}

/* Kickstarter */
.button-kickstarter {
	--button-text:#ffffff;
	--button-background:#05ce78;
}

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

/* Ko-fi */
.button-ko-fi {
	--button-text:#ffffff;
	--button-background:#000000;
  --button-border:1px solid #FFFFFF;
}

/* Last.fm */
.button-last-fm {
	--button-text:#ffffff;
	--button-background:#D51007;
}

/* Letterboxd */
.button-letterboxd {
	--button-text:#ffffff;
	--button-background:#2c3440;
	--button-border:1px solid #FFFFFF;
}

/* Line */
.button-line {
	--button-text:#FFFFFF;
	--button-background:#06C755;
}

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

/* Mailchimp */
.button-mailchimp {
	--button-text:#000000;
	--button-background:#FFE01B;
}

/* Mastodon */
.button-mastodon {
	--button-text:#ffffff;
	--button-background:#17063B;
	--button-border:1px solid #FFFFFF;
}

/* Matrix */
.button-matrix {
	--button-text:#000000;
	--button-background:#ffffff;
	--button-border:1px solid #000000;
}

/* Meetup */
.button-meetup {
	--button-text:#000000;
	--button-background:#ffffff;
	--button-border:1px solid #000000;
}

/* Meetup Alt */
.button-meetup-alt {
	--button-text:#ffffff;
	--button-background:#ED1C40;
}

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

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

/* 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;
}

/* OnlyFans */
.button-onlyfans {
	--button-text:#ffffff;
	--button-background:#00AEEF;
}

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

/* PayPal */
.button-paypal {
	--button-text:#ffffff;
	--button-background:#002991;
  --button-border:1px solid #FFFFFF;
}

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

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

/* Reddit */
.button-reddit {
	--button-text:#FFFFFF;
	--button-background:#FF4500;
}

/* Shop */
.button-shop {
	--button-text:#ffffff;
	--button-background:#5A31F4;
}

/* Signal */
.button-signal {
	--button-text:#ffffff;
	--button-background:#3B45FD;
}

/* Signal Alt */
.button-signal-alt {
	--button-text:#3B45FD;
	--button-background:#E3E8FE;
	--button-border:1px solid #000000;
}

/* Slack */
.button-slack {
	--button-text:#000000;
	--button-background:#FFFFFF;
	--button-border:1px solid #212121;
}

/* Snapchat */
.button-snapchat {
	--button-text:#000000;
	--button-background:#fffc00;
}

/* SoundCloud */
.button-soundcloud {
	--button-text:#ffffff;
	--button-background:#ff5500;
}

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

/* Spotify Alt */
.button-spotify-alt {
	--button-text:#FFFFFF;
	--button-background:#191414;
	--button-border:1px solid #FFFFFF;
}

/* Square */
.button-square {
	--button-text:#FFFFFF;
	--button-background:#006AFF;
}

/* Stack Overflow */
.button-stack-overflow {
	--button-text:#000000;
	--button-background:#FFFFFF;
	--button-border:1px solid #000000;
}

/* Steam */
.button-steam {
	--button-text:#ffffff;
	background-image:linear-gradient(90deg,#08BBFF,#2B75FF);
}

/* Steam Alt */
.button-steam-alt {
	--button-text:#ffffff;
	background-image:linear-gradient(90deg,#09172a,#072a57,#0c5085);
	--button-border:1px solid #FFFFFF;
}

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

/* Substack */
.button-substack {
	--button-text:#ffffff;
	--button-background:#FF6719;
}

/* Telegram */
.button-telegram {
	--button-text:#ffffff;
	--button-background:#3faee8;
}

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

/* Threema */
.button-threema {
	--button-text:#000000;
	--button-background:#3fe669;
}

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

/* Trello */
.button-trello {
	--button-text:#ffffff;
	--button-background:#0065ff;
}

/* Tumblr */
.button-tumb {
	--button-text:#ffffff;
	--button-background:#131313;
	--button-border:1px solid #FFFFFF;
}

/* Twitch */
.button-twitch {
	--button-text:#ffffff;
	--button-background:#9146ff;
}

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

/* Venmo */
.button-venmo {
	--button-text:#ffffff;
	--button-background:#008CFF;
}

/* Vimeo */
.button-vimeo {
	--button-text:#ffffff;
	--button-background:#1ab7ea;
}

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

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

/* WordPress */
.button-wordpress {
	--button-text:#ffffff;
	--button-background:#3858E9;
}

/* 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;
}

/* YouTube Alt */
.button-yt-alt {
	--button-text:#ffffff;
	--button-background:#FF0000;
}

/* Zoom */
.button-zoom {
	--button-text:#ffffff;
	--button-background:#0B5CFF;
  --button-border:1px solid #FFFFFF;
}

/* NTMR Theme Overrides */
.container {
	padding-top:2.25rem;
	padding-bottom:2.5rem;
}

.column {
	display:flex;
	flex-direction:column;
	align-items:center;
}

.avatar {
	width:8.75rem;
	height:8.75rem;
	margin-bottom:1.25rem;
	border:2px solid rgba(255,255,255,0.72);
	box-shadow:
		0 0 0 0.5rem rgba(115,48,255,0.12),
		0 1.25rem 3rem rgba(0,0,0,0.44),
		0 0 3rem rgba(86,57,255,0.5);
}

h1 {
	margin-bottom:0.625rem;
	color:#ffffff;
	font-size:3.65rem;
	line-height:0.95;
	letter-spacing:0;
	text-transform:uppercase;
	text-shadow:
		0 0 1.5rem rgba(105,65,255,0.58),
		0 0.25rem 0 rgba(0,0,0,0.24);
}

.tagline {
	max-width:22rem;
	color:#f1ecff;
	font-weight:700;
	text-shadow:0 0.75rem 1.75rem rgba(0,0,0,0.75);
}

.tagline span {
	color:#9fd3ff;
	white-space:nowrap;
}

.button-stack {
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.85rem;
}

.button,
button {
	position:relative;
	width:min(100%,21.25rem);
	min-height:3.35rem;
	margin-bottom:0;
	padding:0.8rem 1.1rem;
	overflow:hidden;
	color:#ffffff;
	background:
		linear-gradient(135deg,rgba(17,22,43,0.92),rgba(25,10,52,0.9)) padding-box,
		linear-gradient(135deg,#24d7ff,#7e3cff 46%,#f1ecff) border-box;
	border:1px solid transparent;
	border-radius:0.5rem;
	box-shadow:
		0 0.85rem 1.65rem rgba(0,0,0,0.34),
		inset 0 1px 0 rgba(255,255,255,0.16);
	font-weight:800;
	letter-spacing:0;
	transition:transform 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease;
}

.button::before,
button::before {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(255,255,255,0.16),transparent 32%,rgba(36,215,255,0.14));
	opacity:0.74;
	pointer-events:none;
}

.button:hover,
button:hover {
	filter:none;
	transform:translateY(-2px);
	box-shadow:
		0 1.05rem 2rem rgba(0,0,0,0.42),
		0 0 2rem rgba(100,65,255,0.36),
		inset 0 1px 0 rgba(255,255,255,0.22);
}

.button:active,
button:active {
	transform:translateY(0);
}

.button .icon,
button .icon {
	position:relative;
	z-index:1;
	width:1.35rem;
	height:1.35rem;
	margin-right:0.65rem;
	filter:drop-shadow(0 0 0.35rem rgba(255,255,255,0.35));
}

.button .icon--wide,
button .icon--wide {
	width:2rem;
	height:1.35rem;
	object-fit:contain;
}

.button .icon--game,
button .icon--game {
	width:1.45rem;
	height:1.45rem;
	object-fit:contain;
}

.button-yt .icon {
	width:1.65rem;
	height:1.2rem;
	object-fit:contain;
}

.button {
	z-index:0;
}

.link-group {
	width:min(100%,21.25rem);
}

.link-group summary {
	list-style:none;
	width:100%;
}

.link-group summary::-webkit-details-marker {
	display:none;
}

.link-group summary::after {
	content:"+";
	position:absolute;
	right:1rem;
	z-index:1;
	color:#9fd3ff;
	font-size:1.35rem;
	line-height:1;
	text-shadow:0 0 0.75rem rgba(36,215,255,0.65);
}

.link-group[open] summary::after {
	content:"-";
}

.sub-link-stack {
	display:flex;
	flex-direction:column;
	gap:0.55rem;
	margin-top:0.65rem;
	padding:0 0.65rem 0.1rem;
}

.button.sub-button {
	width:100%;
	min-height:2.75rem;
	padding:0.65rem 1rem;
	background:
		linear-gradient(135deg,rgba(6,8,20,0.82),rgba(25,10,52,0.78)) padding-box,
		linear-gradient(135deg,rgba(36,215,255,0.72),rgba(126,60,255,0.78)) border-box;
	font-size:1rem;
	box-shadow:
		0 0.55rem 1rem rgba(0,0,0,0.28),
		inset 0 1px 0 rgba(255,255,255,0.12);
}

@media (max-width:34.375rem) {
	.container {
		width:100%;
		padding-top:1.75rem;
	}

	.avatar {
		width:7.5rem;
		height:7.5rem;
	}

	h1 {
		font-size:2.75rem;
	}

	.button,
	button {
		width:100%;
		min-height:3.2rem;
		font-size:1rem;
	}

	.link-group {
		width:100%;
	}
}
