@charset "utf-8";
@import url(/static/css/pkpk-colors.css);

@keyframes bannerhover{0%{transform:scale(1);}30%{transform:scale(1.12);}100%{transform:scale(1);}}

aside.banner,aside.banner *{box-sizing:border-box;position:relative;}
aside.banner{background:#0065a5;background-color:var(--color-main);font:400 16px/1.5 "Segoe UI",sans-serif;color:#fff;text-align:center;user-select:none;}
aside.banner>a{display:block;width:100%;height:100%;color:inherit;text-decoration:inherit;outline:none;}


aside.banner h6{margin:0;padding:17px 15px 0;text-align:center;color:#fff;text-transform:uppercase;font-weight:600;font-size:15px;line-height:1.2;}
aside.banner h6 em{color:#c2373c;font-style:normal;font-size:130%;margin:-1em .1ex 0;display:inline-block;font-weight:600;}
aside.banner.banner-test-demo h6{padding-top:8px;}
aside.banner div.logo{position:absolute;background-position:0 0;background-repeat:no-repeat;}
aside.banner.banner-a div.logo{width:91px;height:62px;left:80px;top:50px;background-image:url(course-logo-a.png);}
aside.banner.banner-a.banner-test-demo div.logo{top:52px;}


aside.banner span.cta{position:absolute;bottom:15px;left:0;right:0;margin:0 auto;display:block;width:93px;height:23px;border-radius:15px;border:none;background:#c2373c;font-weight:600;font-size:10px;line-height:23px;letter-spacing:1px;text-transform:uppercase;color:#fff;outline:none;}
aside.banner:hover span.cta{animation:bannerhover .6s forwards;}
aside.banner p.bonus{position:absolute;margin:0;padding:0;top:58px;right:0;width:73px;height:50px;font-size:11px;font-weight:600;text-transform:uppercase;line-height:18px;text-align:left;}
aside.banner p.bonus span.bonus{display:block;}
aside.banner p.bonus span.bonus{}
aside.banner.banner-buy-course p.bonus span.value{display:block;;background:url(value-55-a.png) no-repeat center;margin:-2px 0 0 -17px;overflow:hidden;text-indent:-9999px;text-align:left;color:transparent;height:22px;}
aside.banner.banner-test-demo p.bonus span.value{display:block;;background:url(value-0-a.png) no-repeat center;margin:3px 0 0 -25px;overflow:hidden;text-indent:-9999px;text-align:left;color:transparent;height:24px;}

/* banner w ćwiczeniach */
aside.banner.banner-a{width:250px;height:165px;}