/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/

/* 버튼 디자인 */
.blinking-button {

    font-size: clamp(16px, 5vw, 22px);
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff; /* 기본 글자 색상 */
    background-color: #007aff; /* 초기 배경색: 파란색 */
    border: none;
    border-radius: 20px;
    padding: clamp(12px, 3vw, 20px) clamp(20px, 5vw, 48px);
    display: inline-block;
    cursor: pointer;
    width: 100%;
    animation: colorBlink 1.3s steps(1, end) infinite; /* 정확히 파란색 → 분홍색 전환 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 clamp(6px, 2vw, 8px) clamp(15px, 4vw, 20px) rgba(255, 45, 45, 0.3);
}

.blinking-button:hover {
    animation: none; /* 깜빡이는 애니메이션 제거 */
    background-color: #ff6b6b; /* 분홍색으로 고정 */
    transform: translateY(-5px); /* 위로 살짝 들리는 효과 */
    box-shadow: 0 clamp(8px, 3vw, 12px) clamp(20px, 5vw, 30px) rgba(255, 45, 45, 0.4);
    color: #ffffff; /* 글자 색상 유지 */
}

@keyframes colorBlink {
    0% {
        background-color: #007aff; /* 파란색 */
    }
    50% {
        background-color: #ff6b6b; /* 분홍색 */
    }
    100% {
        background-color: #007aff; /* 다시 파란색 */
    }
}