<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/389/trigger-button-click/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="470.75" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="393" height="470.75" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Trigger Button Click in Flutter" mask="url(#mask-for-lazy11)"><title>How to Trigger Button Click in Flutter</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="373" height="274.75" aria-label="How to Trigger Button Click in Flutter"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="348" height="46" x="15" y="309.75" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="329.75" textLength="283.546875" lengthAdjust="spacingAndGlyphs">How to Trigger Button Click in Flutter</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="348" height="70" x="15" y="370.75" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="390.75" textLength="331.75" lengthAdjust="spacingAndGlyphs">In this example, we are going to show you how</tspan><tspan xml:space="preserve" x="15" y="414.75" textLength="329.03125" lengthAdjust="spacingAndGlyphs">to simulate or trigger gestures like click, button</tspan><tspan xml:space="preserve" x="15" y="438.75" textLength="330.890625" lengthAdjust="spacingAndGlyphs">down, button up, or button press in Flutter. You</tspan><tspan xml:space="preserve" x="15" y="462.75" textLength="329.046875" lengthAdjust="spacingAndGlyphs">will learn to make an auto-click button with this</tspan><tspan xml:space="preserve" x="15" y="486.75" textLength="64.921875" lengthAdjust="spacingAndGlyphs">example.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/389/trigger-button-click/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="801.5" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="834" height="801.5" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Trigger Button Click in Flutter" mask="url(#mask-for-lazy11)"><title>How to Trigger Button Click in Flutter</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="814" height="605.5" aria-label="How to Trigger Button Click in Flutter"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="789" height="46" x="15" y="640.5" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="660.5" textLength="283.546875" lengthAdjust="spacingAndGlyphs">How to Trigger Button Click in Flutter</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="789" height="70" x="15" y="701.5" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="721.5" textLength="787.984375" lengthAdjust="spacingAndGlyphs">In this example, we are going to show you how to simulate or trigger gestures like click, button down, button up,</tspan><tspan xml:space="preserve" x="15" y="745.5" textLength="610.984375" lengthAdjust="spacingAndGlyphs">or button press in Flutter. You will learn to make an auto-click button with this example.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="1276" viewBox="0 0 1440 1276"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/389/trigger-button-click/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="1256" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="1440" height="1256" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Trigger Button Click in Flutter" mask="url(#mask-for-lazy11)"><title>How to Trigger Button Click in Flutter</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="1420" height="1060" aria-label="How to Trigger Button Click in Flutter"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="1395" height="46" x="15" y="1095" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="1115" textLength="283.546875" lengthAdjust="spacingAndGlyphs">How to Trigger Button Click in Flutter</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="1395" height="70" x="15" y="1156" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="1176" textLength="1334.046875" lengthAdjust="spacingAndGlyphs">In this example, we are going to show you how to simulate or trigger gestures like click, button down, button up, or button press in Flutter. You will learn to make an auto-click button with this</tspan><tspan xml:space="preserve" x="15" y="1200" textLength="64.921875" lengthAdjust="spacingAndGlyphs">example.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="g pitemone" style="margin-bottom:20px;"><a href="guide/389/trigger-button-click/"><div class="card"><div class="card-image"><figure class="image is-4by3 myimg"><img alt="How to Trigger Button Click in Flutter" class="lazy" data-src="img/uploads/web/2023/01/6a5889bb0190d0211a991f47bb19a777.webp" src="http://localhost:3000/394f2e7f.webp" title="How to Trigger Button Click in Flutter"></figure></div><div class="mytask"><h2 class="mytitlee">How to Trigger Button Click in Flutter</h2><div class="content mydetails">In this example, we are going to show you how to simulate or trigger gestures like click, button down, button up, or button press in Flutter. You will learn to make an auto-click button with this example.</div></div></div></a></div></body>

<style>


  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }body{margin:0}a:active,a:hover{outline:0}a{color:#1e87f0;text-decoration:none;cursor:pointer}a:hover{color:#0f6ecd;text-decoration:underline}img{vertical-align:middle}img{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){min-width:1px;visibility:hidden}figure{margin:0 0 20px 0}*+figure{margin-top:20px}h2{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+h2{margin-top:40px}h2{font-size:1.7rem;line-height:1.3}@media (min-width:960px){h2{font-size:2rem}}::selection{background:#39f;color:#fff;text-shadow:none}:root{}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}@keyframes uk-spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}:root{}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-small{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-small{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-small{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-small{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-medium{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-medium{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-medium{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-medium{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@keyframes uk-scale-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2{orphans:3;widows:3}h2{page-break-after:avoid}}



@-webkit-keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content:not(:last-child),.title:not(:last-child){margin-bottom:1.5rem}.image.is-4by3 img{bottom:0;left:0;position:absolute;right:0;top:0}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top}.button:active,.button:focus{outline:0}body,figure,h2{margin:0;padding:0}h2{font-size:100%;font-weight:400}button{margin:0}*,::after,::before{box-sizing:inherit}img{height:auto;max-width:100%}figure{display:block}body,button{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#3273dc;cursor:pointer;text-decoration:none}a:hover{color:#363636}img{height:auto;max-width:100%}.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap}.button:hover{border-color:#b5b5b5;color:#363636}.button:focus{border-color:#3273dc;color:#363636}.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.button:active{border-color:#4a4a4a;color:#363636}.content h2{color:#363636;font-weight:600;line-height:1.125}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content figure{margin-left:2em;margin-right:2em;text-align:center}.content figure:not(:first-child){margin-top:2em}.content figure:not(:last-child){margin-bottom:2em}.content figure img{display:inline-block}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image.is-4by3 img{height:100%;width:100%}.image.is-4by3{padding-top:75%}@-webkit-keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.title{word-break:break-word}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;max-width:100%;overflow:hidden;position:relative}.card-image{display:block;position:relative}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}


        body, button, h2 {
            font-family: 'Source Sans Pro', sans-serif !important;}
        h2{font-size:25px;color:#333;}
        a{text-decoration:none !important;}

        .card{box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1) !important;}
        a .card:hover{box-shadow:0px 1px 10px 0px rgba(0,0,0,0.15) !important;}

         h2 a{color:#069 !important;}
         h2 a:hover{text-decoration:underline !important;}
        h2{font-weight:bold;}
.myimg{overflow:hidden;position:relative;}
    .myimg img{width:100%;}
    .mytask{margin:15px;margin-left:0px;}
    .mydetails{height:70px;overflow:hidden;}
   .g .myimg{overflow:hidden;position:relative;}
   .g .myimg img{width:100%;padding:10px;}
   .g .mytask{padding:15px;padding-top:0px;}

   .g .mytitlee{overflow: hidden;
            font-size:16px;font-weight:bold;color:#069 !important;
           margin-bottom:15px;margin-top:0px;line-height:23px;height:46px;overflow:hidden;}
    .g .mydetails{height:70px;overflow:hidden;}
  

</style>