@layer page {

	.contact-bar {
		position: sticky;
		bottom: 0;
		z-index: 1000;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background: #212529;
		color: #fff;
	}

	.contact-bar .row {
		align-items: center;
		justify-content: center;
	}

	.contact-bar .row .btn {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 6px 36px;
	}

	.contact-bar__icon {
		flex: none;
	}

	.contact-bar__close {
		position: absolute;
		right: 12.5%;
		bottom: 42px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		padding: 0;
		border: 3px solid #333;
		border-radius: 50%;
		background-color: #fff;
		color: #333;
		cursor: pointer;
	}

	.contact-bar[hidden] {
		display: none;
	}

	@media (max-width: 1199px) {
		.contact-bar__close {
			right: 6.5%;
		}
	}

	@media (max-width: 991px) {
		.contact-bar__close {
			right: 18.5%;
			bottom: 80px;
		}
	}

	@media (max-width: 767px) {
		.contact-bar__close {
			bottom: 104px;
		}
	}

	@media (max-width: 575px) {
		.contact-bar__close {
			right: calc(20px - 2vw);
		}
	}
}