/*!
 * 프레스런 플러그인 | Copyright (c) 2026 프레스런(PressLearn). All rights reserved.
 * 비공개 독점 소프트웨어입니다. 프레스런의 서면 동의 없이 복제·수정·변조·재배포할 수 없습니다(LICENSE.txt).
 */
/* 빠른 버튼. AL Pack 과 같은 클래스·애니메이션이라 AL Pack 으로 넣은 버튼도 같은 모양으로 움직입니다. */
.presslearn-button {
	transition: all 0.3s ease;
}

.presslearn-button:hover {
	opacity: 0.9;
}

/* 페이지를 열 때 한 번(무한 반복을 켜면 계속) 움직입니다. */
.presslearn-button-animation-pulse {
	animation: plButtonPulse 2s ease-in-out;
}

.presslearn-button-animation-zoom {
	animation: plButtonZoom 2s ease-in-out;
}

.presslearn-button-animation-fade {
	animation: plButtonFade 2s ease-in-out;
}

.presslearn-button-animation-shake {
	animation: plButtonShake 2s ease-in-out;
}

.presslearn-button-animation-infinite {
	animation-iteration-count: infinite !important;
}

/* 마우스를 올렸을 때의 움직임. */
.presslearn-button-animation-pulse:hover {
	animation: presslearn-pulse 1s infinite;
}

.presslearn-button-animation-zoom:hover {
	transform: scale(1.1);
}

.presslearn-button-animation-fade:hover {
	opacity: 0.8;
}

.presslearn-button-animation-shake:hover {
	animation: presslearn-shake 0.5s;
}

@keyframes plButtonPulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.05); }
	100% { transform: scale(1); }
}

@keyframes plButtonZoom {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

@keyframes plButtonFade {
	0% { opacity: 1; }
	50% { opacity: 0.7; }
	100% { opacity: 1; }
}

@keyframes plButtonShake {
	0%, 100% { transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
	20%, 40%, 60%, 80% { transform: translateX(5px); }
}

@keyframes presslearn-pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.05); }
	100% { transform: scale(1); }
}

@keyframes presslearn-shake {
	0%, 100% { transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
	20%, 40%, 60%, 80% { transform: translateX(5px); }
}

/* 블록 에디터 미리보기. */
.presslearn-button-block-editor {
	padding: 20px;
	background: #f5f5f5;
	border-radius: 4px;
	margin-bottom: 10px;
}

.editor-styles-wrapper .presslearn-button:focus,
.editor-styles-wrapper .presslearn-button:hover {
	opacity: 0.9;
}