/**********카톡공유/메인/top버튼**********/


/******* share-kakao-btn, topBtn, mainBtn *******/
li{list-style: none;}
#copy-msg {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(60, 60, 60, 0.9);
	color: #fff;
	padding: 16px 24px;
	border-radius: 10px;
	font-size: 30px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease-in-out;
	z-index: 10000;
}

#copy-msg.show {
	opacity: 1;
}
.floating-actions {
	display: none;
	position: fixed;
	right: 40px;
	bottom: 100px;
	z-index: 200;
	
	.floating-actions-list {
		display: flex;
		flex-direction: column;
		gap: 20px;
		.floating-actions-item {
			
			&.floating-actions-item-share {
				position: relative;
			}
			.floating-actions-btn {
				display: block;
				border: none;
				width: 65px;
				height: 65px;
				border-radius: 50%;
				cursor: pointer;
				color: white;
				align-content: center;
				/* 기본은 노란색 */
				
				.material-symbols-outlined {
					font-size: 40px; /* share 아이콘 크기 */
					font-variation-settings: 'FILL' 1, /* 채워진 아이콘 */ 'wght' 400,
					'GRAD' 0,
					'opsz' 48;
				}
				&.floating-actions-btn-share {
					width: 70px;
					height: 70px;
					border: none;
					background: rgba(44, 179, 240, 0.9);
					color: white;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 28px;
					cursor: pointer;
					box-shadow: 0 10px 25px -5px rgba(44, 179, 240, 0.6);
					margin: auto;
					text-align: center;
					-webkit-transition: all 0.3s;
					transition: all 0.3s;
				}
				&.floating-actions-btn-main,
				&.floating-actions-btn-top {
					background-color: rgba(92, 100, 114, 0.5);
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
				}
				&.floating-actions-btn-main {
					background-image: url(/m/home/images/main/main_btn.png);
				}
				&.floating-actions-btn-top {
					background-image: url(/m/home/images/main/top_btn.png);
				}
				
				&.floating-actions-btn-kakao {
					background: rgba(255, 193, 7, 0.9); /* 기본은 노란색 */
				}
				&.floating-actions-btn-copy {
					background: rgba(76, 175, 80, 0.9); /* 복사 버튼은 초록색 */
				}
			}
			.floating-actions-submenu {
				position: absolute;
				left: -80px;
				top: 0;
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 10px;
				
				opacity: 0;
				transform: translateY(20px);
				pointer-events: none;
				transition: all 0.3s ease;
				
				/* 펼쳐졌을 때 */
				&.show {
					opacity: 1;
					transform: translateY(0);
					pointer-events: auto;
				}
			}
		}
	}
}

/**********카톡공유/메인/top버튼**********/