Preview:
*, *:before, *:after {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}

​

body {

  background: #006cc7;

  font-family: 'Roboto', Helvetica, Arial, sans-serif;

}

​

$circleSize: 0px;

$dlPad: 20px;

$dlWidth: 320px + $dlPad * 2;

$dlHeight: $circleSize + 50px + $dlPad*2;
16
$strokeW: 6px;

​

.dl-box {
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter