accordion-slider-js/src/add-ons/buttons/buttons.css

Modular accordion slider built in Vanilla JavaScript.

.as-pagination-buttons {
	position: absolute;
	top: 100%;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.as-pagination-button {
	width: 10px;
	height: 10px;
	border: 2px solid #000;
	border-radius: 50%;
	margin: 4px;
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
}

.as-pagination-buttons .as-selected {
	background-color: #000;
}

.as-has-buttons {
	margin-bottom: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.as-pagination-button {
		width: 14px;
		height: 14px;
	}

	.as-has-buttons {
		margin-bottom: 36px;
	}
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
	.as-pagination-button {
		width: 16px;
		height: 16px;
	}

	.as-has-buttons {
		margin-bottom: 38px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
	.as-pagination-button {
		width: 18px;
		height: 18px;
	}

	.as-has-buttons {
		margin-bottom: 40px;
	}
}