@import '../../style/mixin';

.h-modal {
	.h-modal-mask {
		@include position(absolute, 8000, top, 0, left, 0);
		@include view;
		background-color: rgba(#000, 0.015);
	}

	.h-modal-wapper {
		@include position(absolute, 8001, top, 30%, left, 0);
		width: 100%;
		text-align: center;
	}

	.h-modal-content {
		display: inline-block;
		width: 70%;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 4px 13px rgba(0,0,0,0.15);
	}

	.h-modal-body {
		padding: 16px 24px;
	}

	.h-modal-footer {
		display: flex;
		text-align: left;
		@include border(top, #e8e8e8);
		overflow: hidden;
		text-align: center;

		div {
			flex: 1;
			padding: 10px 16px;

			&:last-child {
				@include border(left, #e8e8e8);
			}

			&:first-child {
				border: none;
			}
		}
	}
}