/* Start custom CSS for text-editor, class: .elementor-element-30540fc4 */h2, h3 {
        color: #333;
           text-align: center;
    }

    .button-456 {
        display: inline-block;
        width: 80%;
        padding: 15px;
        margin: 10px auto;
        background: linear-gradient(135deg, #00c6ff, #007bff);
        color: #fff;
        text-decoration: none;
        border-radius: 50px;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        position: relative;
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
        outline: none;
        border: none;
       
    }

    .button-456::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: rgba(255, 255, 255, 0.2);
        transition: all 0.4s ease;
        border-radius: 50%;
        transform: scale(0);
    }

    .button-456:hover::before {
        transform: scale(1);
        top: 50%;
        left: 50%;
    }

    .button-456:hover {
        background: linear-gradient(135deg, #007bff, #00c6ff);
        transform: translateY(-8px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }

    .button-456:focus {
        outline: none;
        background: linear-gradient(135deg, #005bb5, #00a0e9);
    }

    .button-456:active {
        transform: translateY(2px);
        box-shadow: none;
    }

    .button-456:visited {
        background: linear-gradient(135deg, #007bff, #00c6ff);
    }/* End custom CSS */