.demo-frame{position:relative;max-width:900px;margin:0 auto;overflow:hidden}
.demo-cover{width:100%;display:block}
.demo-frame iframe{width:100%;height:500px;border:0}
.demo-buttons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:20px}
.demo-btn{padding:15px 30px;border-radius:12px;font-weight:700;text-decoration:none}

/* CTA animated */
.cta{display:flex;padding:10px 40px;font-size:28px;font-weight:900;transform:skewX(-15deg);text-decoration:none;box-shadow:6px 6px 0 black}
.cta span{transform:skewX(15deg)}
.cta svg{width:40px;height:25px;margin-left:15px}
.cta path{fill:#fff}
.cta:hover path.one{transform:translateX(0);animation:blink 1s infinite}

/* Pulse */
.btn{padding:15px 40px;border-radius:100px;font-weight:bold;text-decoration:none;position:relative}
.btn::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;animation:pulse 2s infinite}

@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.6);opacity:0}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}