/* BUTTONS */

.btn
{
	display: inline-block;
	cursor: pointer;
	padding: 4px 8px;
	text-align: center;
	border-radius: 5px;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 1rem;
	backdrop-filter: blur(5px);
	transition: 0.3s ease;
}

/* Disabled */
.btn:disabled
{
	--bs-btn-color: var(--rc-text-muted);
	--bs-btn-border-color: var(--rc-text-muted);
	--bs-btn-bg: var(--rc-text-muted);
}

/* Width helpers */
.btnstyle-wide
{
	min-width: 120px;
}

.btnstyle-widest
{
	min-width: 200px;
}

/* PRIMARY */
.btnstyle-primary
{
	--bs-btn-color: white;
	--bs-btn-border-color: var(--rc-primary-50);
	--bs-btn-bg: var(--rc-primary-30);
	--bs-btn-hover-color: white;
	--bs-btn-hover-border-color: var(--rc-primary);
	--bs-btn-hover-bg: var(--rc-primary);
	--bs-btn-active-color: white;
	--bs-btn-active-border-color: var(--rc-primary-active);
	--bs-btn-active-bg: var(--rc-primary-active);
}

/* SECONDARY */
.btnstyle-secondary
{
	--bs-btn-color: var(--rc-text-muted);
	--bs-btn-border-color: var(--rc-darkgrey);
	--bs-btn-bg: var(--rc-bg-content);
	--bs-btn-hover-color: var(--rc-primary-hover);
	--bs-btn-hover-border-color: var(--rc-primary-hover);
	--bs-btn-hover-bg: linear-gradient( 45deg, var(--rc-primary-30) 0%, #00000000 30%, #00000000 80%, var(--rc-secondary-30) 100% );
	--bs-btn-active-color: var(--rc-primary-hover);
	--bs-btn-active-border-color: var(--rc-primary-hover);
	--bs-btn-active-bg: var(--rc-bg-content);
}

/* DESTRUCTIVE */
.btnstyle-destructive
{
	--bs-btn-color: var(--rc-text);
	--bs-btn-border-color: var(--rc-error-50);
	--bs-btn-bg: var(--rc-error-30);
	--bs-btn-hover-color: var(--rc-text);
	--bs-btn-hover-border-color: var(--rc-error);
	--bs-btn-hover-bg: var(--rc-error);
	--bs-btn-active-color: var(--rc-text);
	--bs-btn-active-border-color: var(--rc-error-50);
	--bs-btn-active-bg: var(--rc-error-50);
}

/* DISCORD */
.btnstyle-discord
{
	--bs-btn-color: var(--rc-text);
	--bs-btn-border-color: #5865f2;
	--bs-btn-bg: #5865f288;
	--bs-btn-hover-color: white;
	--bs-btn-hover-border-color: #5865f2;
	--bs-btn-hover-bg: #5865f2;
	--bs-btn-active-color: white;
	--bs-btn-active-border-color: #5865f2;
	--bs-btn-active-bg: #5865f2;
}

/* BUTTONS END */