.ag-widget {
    background: linear-gradient(135deg, #f8fffc, #eef7f3);
    padding: 22px 20px;
    border-radius: 18px;
    text-align: center;
    max-width: 340px;
    margin: 0 auto;

    box-shadow:
        0 8px 25px rgba(0,0,0,0.08),
        0 2px 6px rgba(0,0,0,0.04);

    position: relative;
    overflow: hidden;
}

/* subtle glow accent */
.ag-widget::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -40%;
    width: 180%;
    height: 180%;
    background: radial-gradient(circle, rgba(39,174,96,0.08), transparent 60%);
    pointer-events: none;
}

/* TEXT */
.ag-text {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 18px;
    min-height: 70px;

    color: #2c3e50;
    font-weight: 500;

    transition: all 0.3s ease;
}

/* BUTTON */
.ag-btn {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: #fff;
    border: none;

    padding: 12px 18px;
    border-radius: 999px;

    cursor: pointer;
    font-weight: 600;
    font-size: 14px;

    box-shadow:
        0 4px 12px rgba(46,204,113,0.35);

    transition: all 0.25s ease;
}

/* hover */
.ag-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 6px 18px rgba(46,204,113,0.45);
}

/* click */
.ag-btn:active {
    transform: scale(0.97);
}

/* subtle fade animation */
.ag-text.fade {
    opacity: 0;
    transform: translateY(6px);
}