body {
overflow: hidden;
}
.btn-taekwon {
min-width: 100%!important;
}
.video-son {
background-color: white;
border-radius: 12px 12px 0 0;
overflow: hidden;
}
.btn_parcours .elementor-button, .btn_entrainement .elementor-button, .btn_achat_taekwon .elementor-button {
text-align: left!important;
}
.btn_parcours:before, .btn_entrainement:before, .btn_achat_taekwon:before {
content: "";
position: absolute;
left: 2px;
top: 2px;
height: calc(100% - 8px);
width: 170px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
pointer-events: none;
}
.btn_parcours:before {
background: url(https://taekwon-book.com/wp-content/plugins/taekon-app/assets/images/btn_dessin_parcours.png) no-repeat;
}
.btn_entrainement:before {
background: url(https://taekwon-book.com/wp-content/plugins/taekon-app/assets/images/btn_dessin_entrainement.png) no-repeat;
}
.btn_achat_taekwon:before {
background: url(https://taekwon-book.com/wp-content/plugins/taekon-app/assets/images/btn_dessin_taekwon.png) no-repeat;
}
@keyframes blink {
0%   { transform: scale(1); opacity: 1; }
50%  { transform: scale(1.2); opacity: 0.6; }
100% { transform: scale(1); opacity: 1; }
}
.bouton-aide {
transform: scale(0);
}
.blink {
animation: blink 0.6s ease-in-out 2;
} .progression_text {
z-index: 2;
text-transform: uppercase;
}
#tkd-progress-bar-inner {
position: relative;
}
#tkd-progress-bar-inner:after {
content: url(https://taekwon-book.com/wp-content/themes/hello-elementor-child/app/icons/etoile_btn_on.svg);
position: absolute;
right: -23px;
top: calc(50% - 8px);
transform: scale(1.5);
width: 30px;
z-index: 3;
} #tech_panel {
font-family: "Quicksand", sans-serif;
line-height: normal;
}
#tech_panel p {
line-height: 1.2!important;
color: #4b4b4b;
font-size: 18px;
}
#tech_panel ul {
padding-inline-start: 20px;
}
#tech_panel ul li {
margin-block-end: 10px;
line-height: 1.2!important;
font-size: 18px!important;
} #tkd-progress-bar, #tkd-progress-bar_ceint {
height: 30px;
background-color: var( --e-global-color-accent );
}
#tkd-progress-bar #tkd-progress-bar-inner, #tkd-progress-bar_ceint #tkd-progress-bar-inner {
background-color: var( --e-global-color-secondary );
height: 30px
}
.progression-bar {
width: 100%;
height: 10px;
background: #ddd;
border-radius: 6px;
overflow: hidden;
}
.progression-fill {
height: 100%;
width: 0%;
background: #f5c542;
transition: width 0.4s ease;
}
.progression_text {
position:absolute;
top: calc(50% - 13px);
left: calc(50% - 40px);
font-family: "kalam";
font-weight: bold;
font-size: 18px;
color: #fff;
}
.bouton_replay,
.bouton_slow_motion, .bouton_pause_play {
transform: scale(0);
}
@keyframes blink {
0%, 100% {background-color:#FEF9DE;}
50% {background-color: var( --e-global-color-secondary );}
}
.bouton-aide a {
background-color: var( --e-global-color-secondary );
animation: blink 1s linear infinite;
}
@keyframes bouncees {
from { top:-27px; }
to { top:-32px; }
}
.bouton-aide:after {
content: url(https://taekwon-book.com/wp-content/uploads/2026/03/icon_arrow_down_show.svg);
position: absolute;
left: calc(50% - 16px);
top: -27px;
animation: bouncees;
animation-iteration-count: infinite;
animation-duration: 0.5s;
animation-direction: alternate;
animation-timing-function: eaze-in-out;
} .btn_ceint .elementor-button-content-wrapper {
width: 100%;
display: block;
text-align: left;
}
.tkd-btn-percent {
position: absolute;
right: 40px;
font-family: 'Fun House';
color: var( --e-global-color-primary );
} .btn_chap .elementor-button-content-wrapper {
width: 100%;
display: block;
text-align: left;
}
.btn_chap .elementor-button-content-wrapper .elementor-button-text .tkd-btn-percent {
position: absolute;
right: 40px;
font-family: 'Fun House';
color: var( --e-global-color-primary );
} .taekwon_page_complete {
background: linear-gradient(180deg,rgba(165, 217, 217, 1) 0%, rgba(237, 248, 248, 1) 100%);
padding: 0!important;
overflow: hidden!important;
}
.taekwon_page_complete:after {
content: url(https://taekwon-book.com/wp-content/uploads/2026/05/background_rayons.svg); position: absolute;
top: 33px;
left: -25%;
width: 150%;
animation: rotate 360s linear infinite;
animation-duration: 6s;
opacity: 0.6;
}
.taekwon_page_complete .elementor-heading-title {
} @keyframes rotate {
100% {
transform: rotate(360deg);
}
}