From 97140df57143d06144c3fb2527bba1de3e17c826 Mon Sep 17 00:00:00 2001
From: Ayushya Amitabh <ayushya.amitabh@publicissapient.com>
Date: Thu, 23 Apr 2020 10:13:37 -0400
Subject: [PATCH] v1.0.0-beta/add button animation

---
 src/index.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/index.css b/src/index.css
index e4521da..ac97821 100644
--- a/src/index.css
+++ b/src/index.css
@@ -118,6 +118,18 @@ body.amazon-prime textarea:focus {
   color: white;
   background-color: black;
 }
+@keyframes showbutton {
+  0% {
+    right: 1rem;
+  }
+  50% {
+    transform: scale(5) translateX(-100%) translateY(-100%);
+  }
+  100% {
+    right: -1rem;
+    transform: scale(1);
+  }
+}
 .watch-party-fab {
   z-index: 9999;
   position: fixed !important;
@@ -130,6 +142,9 @@ body.amazon-prime textarea:focus {
   background-position: center;
   background-repeat: no-repeat;
   background-size: 2rem;
+  animation-name: showbutton;
+  animation-iteration-count: 1;
+  animation-duration: 2s;
   transition: all ease-in-out 0.3s !important;
 }
 .watch-party-fab:hover {