.box-map {
	position: relative;

	&__embed {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	&__bt {
		overflow: hidden;
		position: absolute;
		display: block;
		width: 100px;
		height: 100px;
		bottom: 0;
		left: 0;
		cursor: pointer;

		&.--right {
			left: auto;
			right: 0;
		}

		&__thumb {
			position: relative;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		&__play {
			content: '';
			position: absolute;
			display: block;
			width: 46px;
			height: 46px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			border-radius: 50%;
			background-image: linear-gradient(to bottom, #ed2f59, #2f4f7e);

			&:before {
				content: '';
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				margin-left: -1px;
				margin-top: -1px;
				width: 10px;
				height: 18px;
				background-image: url(../img/layout/arrow-left-white.svg);
			}
		}
	}
}
