:root{
    --hidden-button: -200px;
    --show-button: 8px;
}

.sign-up-button {
	display: none;
}


.hidden-button{
    translate: translateY(-200px);
    bottom: var(hidden-button) !important;
    transition: .3s;
}
.show-button{
    translate: translateY(200px);

    bottom: var(--show-button) !important;
    transition: .3s;
}


@media screen and (max-width: 640px) {
	.sign-up-button {
		width: calc(100% - 32px);
		margin-left: 16px;

		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		bottom: var(--hidden-button);
		left: 0;

		border: none;
		background: linear-gradient(270deg, #570DDD -24.6%, #4968ED 38.4%, #4199F5 100.14%, #37D6FF 160.88%);
		border-radius: 6px;
        z-index: 90;
	}

	.sign-up-button span {

		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
	}
}

@media screen and (prefers-color-scheme: dark) {

	.button-disabled {
		background: #e7e7e773;
	}
}