.snusifer-more-wrap {
	position: relative;
	z-index: 5;
	clear: both;
	text-align: center;
	/* The start page tabs have margin-bottom: -60px, so the next section overlaps their bottom edge. */
	padding: 16px 0 72px;
}

.snusifer-more {
	display: inline-block;
	min-width: 280px;
	padding: 15px 32px;
	border: 0;
	border-radius: 4px;
	background: #1eabf2;
	color: #fff;
	font-family: Rubik, sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(30, 171, 242, 0.35);
	transition: background-color 0.15s ease, transform 0.15s ease;
}

.snusifer-more::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 12px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-3px) rotate(45deg);
}

.snusifer-more:hover,
.snusifer-more:focus-visible {
	background: #0e95d8;
	outline: none;
}

.snusifer-more:focus-visible {
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px #1eabf2;
}

.snusifer-more.is-loading {
	opacity: 0.7;
	cursor: progress;
}

.snusifer-more.is-loading::after {
	width: 12px;
	height: 12px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	transform: none;
	vertical-align: -1px;
	animation: snusifer-more-spin 0.7s linear infinite;
}

@keyframes snusifer-more-spin {
	to { transform: rotate(360deg); }
}

@media (max-width: 767px) {
	.snusifer-more {
		width: 100%;
		min-width: 0;
		padding: 17px 20px;
		font-size: 17px;
	}
}

.snusifer-more-new {
	animation: snusifer-more-in 0.3s ease both;
}

@keyframes snusifer-more-in {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}