/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.share-container{
	background-color: #fff;
	width: 40%;
	min-width: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	padding: 3rem 2rem;
	border-radius: 5px;
}
.share-container h4 {
	color: #000;
	font-weight: bold;
}
.shareIcon-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 300px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.url-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 1.5rem;
	width: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#urlForShare{
	width: 60%;
}
#copy{
	background-color: #0568bf;
	color: #fff;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.shareIcon-container > div {
	width: 35px;
	height: 36px;
	margin: 5px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: .5s all linear;
	-o-transition: .5s all linear;
	transition: .5s all linear;
}
.shareIcon-container > div * {
	color: #fff;
}
#shareFacebook {
	background-color: #036BE4;
	border: 2px solid #036BE4;
}
#shareTwitter {
	background-color: #2AA9E0;
	border: 2px solid #2AA9E0;
}
#shareWhatsapp{
	background-color: #20A413;
	border: 2px solid #20A413;
}
#shareKakao{
	background-color: #ffe90d;
	border: 2px solid #ffe90d;
}
#shareFacebook:hover,
#shareTwitter:hover,
#shareWhatsapp:hover,
#shareKakao:hover {
	background-color: #fff;
}
#shareFacebook:hover i{
	color: #036BE4;
}
#shareTwitter:hover i{
	color: #2AA9E0;
}
#shareWhatsapp:hover i{
	color: #20A413;
}
#close {
	position: absolute;
	top: 10px;
	right: 20px;
	border: none;
	font-weight: bold;
	border-radius: 5px;
}