.btn {
	border: 1px solid transparent;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.8em 1em;
    font-size: 1em;
    line-height: normal;
    border-radius: var(--br-xs);
    position: relative;
	text-shadow: none;
	transition: color var(--elements-transition), 
				background-color var(--elements-transition), 
				border-color var(--elements-transition);
}
.btn:hover {
	text-decoration: none;
}
.btn span {
	position: relative;
	z-index: 2;
}
.btn svg {
	display: block;
}
.btn.disabled {
	opacity: 0.4;
	pointer-events: none;
	cursor: not-allowed;
}
.btn-full {
	width: 100%;
}

.btn-yellow {
	border-color: var(--yellow);
	background-color: var(--yellow);
	color: var(--black);
}
.btn-yellow:hover {
	background-color: var(--white);
}
.btn-yellow-gradient {
	border-color: transparent;
	background: var(--yellow-gradient);
	color: var(--black);
}
.btn-yellow-gradient:hover {
	border-color: var(--yellow);
	background: var(--white);
}
.btn-white {
	border-color: var(--white);
	background-color: var(--white);
	color: var(--black);
}
.btn-white:hover {
	background-color: var(--red);
	border-color: var(--red);
	color: var(--white);
}

.btn-red {
	border-radius: 3em;
	border-color: var(--red);
	background-color: var(--red);
	color: var(--white);
}
.btn-red:hover {
	background-color: var(--blue);
	border-color: var(--blue);
}
.btn-red-outline {
	border-width: 0.2em;
	border-radius: 3em;
	border-color: var(--red);
	background-color: var(--white);
	color: var(--black);
}
.btn-red-outline:hover {
	background-color: var(--red);
	color: var(--white);
}

.btn-blue {
	border-radius: 3em;
	border-color: var(--blue);
	background-color: var(--blue);
	color: var(--white);
}
.btn-blue:hover {
	border-color: var(--red);
	background-color: var(--red);
}

.btn-blue-outline {
	border-width: 0.2em;
	border-radius: 3em;
	border-color: var(--blue);
	background-color: var(--white);
	color: var(--black);
}
.btn-blue-outline:hover {
	background-color: var(--blue);
	color: var(--white);
}

.bottom-buttons {
	margin-top: 2.5em;
	display: flex;
	justify-content: center;
}
.bottom-buttons .btn {
	margin: 0 0.2em 0.2em
}