From 3dccbb4e2f2d277fcd2a132789335b5be938e173 Mon Sep 17 00:00:00 2001
From: Enrique Marroquin <5449100+Enriqe@users.noreply.github.com>
Date: Tue, 15 Sep 2020 16:04:00 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B[amp-story-player]=20Fix=20CSS=20bu?=
 =?UTF-8?q?g=20(#30237)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix CSS bug

* add z index
---
 css/amp-story-player-iframe.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/css/amp-story-player-iframe.css b/css/amp-story-player-iframe.css
index 4f1e776cfe98..34801a74039a 100644
--- a/css/amp-story-player-iframe.css
+++ b/css/amp-story-player-iframe.css
@@ -45,13 +45,13 @@ main {
   transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.story-player-iframe:nth-child(1),
+iframe:nth-of-type(1),
 main .story-player-iframe[i-amphtml-iframe-position="0"] {
   transform: translate3d(0, 0, 1px);
 }
 
-.story-player-iframe:nth-child(2),
-.story-player-iframe:nth-child(3),
+iframe:nth-of-type(2),
+iframe:nth-of-type(3),
 main .story-player-iframe[i-amphtml-iframe-position="1"] {
   transform: translate3d(100%, 0, 0);
 }
@@ -72,6 +72,7 @@ main .story-player-iframe[i-amphtml-iframe-position="-1"] {
   background-color: transparent;
   outline: transparent;
   cursor: pointer;
+  z-index: 1;
 }
 
 .amp-story-player-close-button {