#play-button:after { position: absolute; left: 26px; top: 18px; content: ' '; background: transparent; box-sizing: border-box; width: 0; height: 48px; border-color: transparent transparent transparent grey; transition: 100ms all ease; cursor: pointer; border-style: solid; border-width: 24px 0 24px 50px; } #play-button:hover { border-color: transparent transparent transparent lightgrey; } #close-button { display: none; position: absolute; right: 4px; top: 4px; width: 24px; height: 24px; opacity: 0.7; background-color: lightgrey; } #close-button:hover { opacity: 1; } #close-button:before, #close-button:after { position: absolute; left: 12px; content: ' '; height: 24px; width: 2px; background-color: black; opacity: 0.7; } #close-button:before { transform: rotate(45deg); } #close-button:after { transform: rotate(-45deg); } @keyframes slideLeft { from { right: -100%; } to { right: 8px; } }