/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 10 2025 | 13:24:54 */
        .button {
            position: relative;
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 15px 60px !important;
            font-size: 18px !important;
            font-weight: bold !important;
            color: #333333 !important;
            text-align: center;
            text-decoration: none;
            background: white !important;
            border: 1px solid #333333 !important;
            border-radius: 120px !important;
            overflow: hidden !important;
            transition: color 0.6s ease-in-out, border-color 0.4s ease-in-out !important;
            white-space: nowrap !important; /* 改行させない */
        }

        .button::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: #FF2466 !important;
            transition: left 0.3s ease-in-out !important;
            z-index: 0 !important;
        }

        .button:hover::before {
            left: 0 !important;
        }

        .button:hover {
            border-color: #FF2466 !important;
        }

        .button:hover span {
            color: #ffffff !important;
            transition: color 0.1s ease-in-out 0.2s !important;
        }

        .arrow {
            font-size: 14px;
            font-weight: bold;
        }

        .button span {
            position: relative;
            z-index: 1 !important;
            color: #333333 !important;
        }

        /* スマホサイズ対応（767px以下） */
        @media (max-width: 767px) {
            .button {
                padding: 12px 30px !important;
                font-size: 14px !important;
                white-space: nowrap !important; /* スマホでも改行させない */
            }

            .button-container {
                height: auto !important;
                padding: 20px 0;
            }
        }