diff --git a/index.html b/index.html index 61d2ca8..e08de7f 100644 --- a/index.html +++ b/index.html @@ -83,7 +83,43 @@ .download-btn { color: white; background-color: #4d7bd6; + line-height: 2.5rem; + margin: 0 1rem; + width: 240px; } + .web-app-btn { + position: relative; + } + .web-app-btn:after { + content: 'New'; + font-size: 1.1rem; + position: absolute; + background-color: #96b835; + padding: 0px 9px; + letter-spacing: 2px; + color: white; + border-radius: 4px; + transform: rotate(-9deg); + right: -50px; + top: -10px; + transition: 0.25s ease; + box-shadow: 0 2px 2px rgba(0,0,0,0.2); + } + .web-app-btn:before { + content: '🎊'; + font-size: 5.2rem; + position: absolute; + right: -22px; + top: -5px; + transition: 0.25s ease 0.1s; + } + .web-app-btn:hover:after { + transform: rotate(0deg); + } + .web-app-btn:hover:before { + transform: rotate(-10deg); + } + .btn > img { vertical-align: middle; margin-right: 10px; @@ -259,18 +295,8 @@