a.btn,
a.btn-img,
a.btn-text,
button.btn,
button.btn-img,
button.btn-text {
	border: none;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	text-decoration: none;
}

button {
	font-family: inherit;
	cursor: pointer;
	background-color: transparent;
}

a.btn-text,
button.btn-text {	
	display: inline-block;
	background-color: var(--orange);
	height: var(--gap);
	padding: 0 var(--gap);
	border-radius: calc(0.5 * var(--gap));
	font-size: var(--font-size-p);
	font-weight: bold;
	line-height: var(--gap);
	color: var(--white);
	text-decoration: none;
	text-transform: capitalize;
}

/* mobile */
@media screen and (max-width: 767px) {
	a.btn-text,
	button.btn-text {
		height: 30rem;
		padding: 0 30rem;
		border-radius: 15rem;
		font-size: 14rem;
		line-height: 30rem;
	}
}

button.btn-img.btn-slide-left {
	width: 40rem;
	height: 40rem;
	background-image: url(img/icon-circle-arrow-left.svg);
}

button.btn-img.btn-slide-right {
	width: 40rem;
	height: 40rem;
	background-image: url(img/icon-circle-arrow-right.svg);
}

div.rating {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	width: 100%;

	span.stars {
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 100%;
		img {
			width: 19rem;
			height: 17rem;
		}
	}

	span.rating-number,
	a.votes {
		font-size: 14rem;
		color: var(--text-light-3);
	}
}

button.btn-img.btn-favorite {
	width: 24rem;
	height: 22rem;
	background-image: url(img/icon-heart.svg);
}

div.icon-same-day-shipping {
	width: 25rem;
	height: 27rem;
	background-image: url(img/capsy-same-day-shipping.png);
	background-size: contain;
	background-repeat: no-repeat;
}

button.btn-img.btn-close {
	width: 19rem;
	height: 17rem;
	background-image: url(img/icon-x.svg);
}

button.btn-img.btn-main-menu {
	width: 36rem;
	height: 22rem;
	background-image: url(img/icon-burger.svg);
}

button.btn-buy-qty {
	width: var(--gap);
	height: var(--gap);
	border-radius: 50%;
	background-color: var(--orange);
	color: var(--white);
	font-size: 22rem;
	font-weight: bold;
}

button.btn-filter {
	box-sizing: border-box;
	width: 182rem;
	height: 30rem;
	padding-left: 74rem;
	border: 1px solid var(--gray-dark);
	border-radius: 8rem;
	font-weight: bold;
	text-indent: 10rem;
	text-align: left;
	background-image: url(img/icon-filters.svg);
	background-position: 60rem center;
	background-size: 11rem 9rem;
	background-repeat: no-repeat;
}

/* mobile */
@media screen and (max-width: 767px) {
	div.rating {
		span.stars {
			img {
				width: 17rem;
				height: 15rem;
			}
		}

		span.rating-number,
		a.votes {
			font-size: 12rem;
		}
	}

	button.btn-img.btn-favorite {
		width: 19rem;
		height: 18rem;
	}

	button.btn-filter {
		font-size: 12rem;
	}
}