.elementor-208 .elementor-element.elementor-element-85b5c14{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--margin-top:-14em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:5em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-208 .elementor-element.elementor-element-85b5c14:not(.elementor-motion-effects-element-type-background), .elementor-208 .elementor-element.elementor-element-85b5c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://djbokken.myskydoowebsite.com/wp-content/uploads/Design-sans-titre-2025-09-04T113232.394.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-208 .elementor-element.elementor-element-85b5c14::before, .elementor-208 .elementor-element.elementor-element-85b5c14 > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-85b5c14 > .e-con-inner > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-85b5c14 > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-85b5c14 > .e-con-inner > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-85b5c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, var( --e-global-color-7e747cd ) 63%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-208 .elementor-element.elementor-element-0fba230 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-size:4rem;font-weight:600;text-transform:uppercase;text-shadow:-7px 4px 27px #2ED3C8;color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-467aff9{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-208 .elementor-element.elementor-element-778b707{color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-f9c9699{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-208 .elementor-element.elementor-element-5d1679a .elementor-button{background-color:#24242500;font-family:"Russo One", Sans-serif;font-size:1.5rem;font-weight:300;fill:var( --e-global-color-c830931 );color:var( --e-global-color-c830931 );box-shadow:0px 0px 32px 0px rgba(11.52004076086959, 213.0195559409706, 255, 0.84);border-style:solid;border-color:var( --e-global-color-c830931 );padding:1em 1em 1em 1em;}.elementor-208 .elementor-element.elementor-element-5d1679a .elementor-button:hover, .elementor-208 .elementor-element.elementor-element-5d1679a .elementor-button:focus{background-color:#24242500;color:var( --e-global-color-c830931 );border-color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-5d1679a .elementor-button:hover svg, .elementor-208 .elementor-element.elementor-element-5d1679a .elementor-button:focus svg{fill:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-f04c262{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.66;--margin-top:-8em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-208 .elementor-element.elementor-element-f04c262:not(.elementor-motion-effects-element-type-background), .elementor-208 .elementor-element.elementor-element-f04c262 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7e747cd );}.elementor-208 .elementor-element.elementor-element-f04c262::before, .elementor-208 .elementor-element.elementor-element-f04c262 > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-f04c262 > .e-con-inner > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-f04c262 > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-f04c262 > .e-con-inner > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-f04c262 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://djbokken.myskydoowebsite.com/wp-content/uploads/Design-sans-titre-2025-09-04T114027.964.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-208 .elementor-element.elementor-element-917a16c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-208 .elementor-element.elementor-element-f8cbe0d{--display:flex;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;box-shadow:0px 0px 24px 0px rgba(0, 230.6779891304348, 255, 0.65);--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-208 .elementor-element.elementor-element-f8cbe0d::before, .elementor-208 .elementor-element.elementor-element-f8cbe0d > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-f8cbe0d > .e-con-inner > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-f8cbe0d > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-f8cbe0d > .e-con-inner > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-f8cbe0d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-7e747cd );--background-overlay:'';}.elementor-208 .elementor-element.elementor-element-f783b21 .elementor-icon-wrapper{text-align:center;}.elementor-208 .elementor-element.elementor-element-f783b21.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-f783b21.elementor-view-framed .elementor-icon, .elementor-208 .elementor-element.elementor-element-f783b21.elementor-view-default .elementor-icon{color:var( --e-global-color-9a7c657 );border-color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-f783b21.elementor-view-framed .elementor-icon, .elementor-208 .elementor-element.elementor-element-f783b21.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-42a59fd{text-align:center;}.elementor-208 .elementor-element.elementor-element-42a59fd .elementor-heading-title{font-family:"Russo One", Sans-serif;font-size:1.4rem;font-weight:800;text-transform:uppercase;color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-3002d31{text-align:center;color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-bde84f4{--display:flex;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;box-shadow:0px 0px 24px 0px rgba(0, 230.6779891304348, 255, 0.65);--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-208 .elementor-element.elementor-element-bde84f4::before, .elementor-208 .elementor-element.elementor-element-bde84f4 > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-bde84f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-bde84f4 > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-bde84f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-bde84f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-7e747cd );--background-overlay:'';}.elementor-208 .elementor-element.elementor-element-72e5abe .elementor-icon-wrapper{text-align:center;}.elementor-208 .elementor-element.elementor-element-72e5abe.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-72e5abe.elementor-view-framed .elementor-icon, .elementor-208 .elementor-element.elementor-element-72e5abe.elementor-view-default .elementor-icon{color:var( --e-global-color-9a7c657 );border-color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-72e5abe.elementor-view-framed .elementor-icon, .elementor-208 .elementor-element.elementor-element-72e5abe.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-1313087{text-align:center;}.elementor-208 .elementor-element.elementor-element-1313087 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-size:1.4rem;font-weight:800;text-transform:uppercase;color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-7df5ba4{text-align:center;color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-1ab433e{--display:flex;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;box-shadow:0px 0px 24px 0px rgba(0, 230.6779891304348, 255, 0.65);--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-208 .elementor-element.elementor-element-1ab433e::before, .elementor-208 .elementor-element.elementor-element-1ab433e > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-1ab433e > .e-con-inner > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-1ab433e > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-1ab433e > .e-con-inner > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-1ab433e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-7e747cd );--background-overlay:'';}.elementor-208 .elementor-element.elementor-element-76e6b57 .elementor-icon-wrapper{text-align:center;}.elementor-208 .elementor-element.elementor-element-76e6b57.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-76e6b57.elementor-view-framed .elementor-icon, .elementor-208 .elementor-element.elementor-element-76e6b57.elementor-view-default .elementor-icon{color:var( --e-global-color-9a7c657 );border-color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-76e6b57.elementor-view-framed .elementor-icon, .elementor-208 .elementor-element.elementor-element-76e6b57.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-16c36bc{text-align:center;}.elementor-208 .elementor-element.elementor-element-16c36bc .elementor-heading-title{font-family:"Russo One", Sans-serif;font-size:1.4rem;font-weight:800;text-transform:uppercase;color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-29a4649{text-align:center;color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-3e3c7d5{--display:flex;--min-height:40vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-208 .elementor-element.elementor-element-3e3c7d5:not(.elementor-motion-effects-element-type-background), .elementor-208 .elementor-element.elementor-element-3e3c7d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7e747cd );}.elementor-208 .elementor-element.elementor-element-6996d24{--display:flex;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-208 .elementor-element.elementor-element-19d8be1 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c830931 );box-shadow:0px 0px 24px 0px rgba(0, 255, 246.06114130434787, 0.75);}.elementor-208 .elementor-element.elementor-element-1d9111e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-208 .elementor-element.elementor-element-2f44b61 .elementor-heading-title{font-family:"Russo One", Sans-serif;font-size:2.5rem;font-weight:800;text-transform:uppercase;color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-4328e5c .elementor-heading-title{font-family:"Rubik Lines", Sans-serif;font-size:1.3rem;font-weight:100;text-transform:uppercase;color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-5a26022{color:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-bdad2ed .elementor-button{background-color:#24242500;font-family:"Russo One", Sans-serif;font-size:1.5rem;font-weight:300;fill:var( --e-global-color-c830931 );color:var( --e-global-color-c830931 );box-shadow:0px 0px 32px 0px rgba(11.52004076086959, 213.0195559409706, 255, 0.84);border-style:solid;border-color:var( --e-global-color-c830931 );padding:1em 1em 1em 1em;}.elementor-208 .elementor-element.elementor-element-bdad2ed .elementor-button:hover, .elementor-208 .elementor-element.elementor-element-bdad2ed .elementor-button:focus{background-color:#24242500;color:var( --e-global-color-c830931 );border-color:var( --e-global-color-9a7c657 );}.elementor-208 .elementor-element.elementor-element-bdad2ed .elementor-button:hover svg, .elementor-208 .elementor-element.elementor-element-bdad2ed .elementor-button:focus svg{fill:var( --e-global-color-c830931 );}.elementor-208 .elementor-element.elementor-element-28cdd22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overlay-opacity:0.5;}.elementor-208 .elementor-element.elementor-element-28cdd22::before, .elementor-208 .elementor-element.elementor-element-28cdd22 > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-28cdd22 > .e-con-inner > .elementor-background-video-container::before, .elementor-208 .elementor-element.elementor-element-28cdd22 > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-28cdd22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-208 .elementor-element.elementor-element-28cdd22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://djbokken.myskydoowebsite.com/wp-content/uploads/Design-sans-titre-13.gif");--background-overlay:'';background-size:cover;}.elementor-208 .elementor-element.elementor-element-a528606 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c830931 );box-shadow:0px 0px 24px 0px rgba(0, 255, 246.06114130434787, 0.75);}@media(max-width:1024px){.elementor-208 .elementor-element.elementor-element-85b5c14{--min-height:70vh;--margin-top:-9em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:10em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-208 .elementor-element.elementor-element-85b5c14:not(.elementor-motion-effects-element-type-background), .elementor-208 .elementor-element.elementor-element-85b5c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-208 .elementor-element.elementor-element-0fba230 .elementor-heading-title{font-size:2.5rem;}.elementor-208 .elementor-element.elementor-element-917a16c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-208 .elementor-element.elementor-element-42a59fd .elementor-heading-title{font-size:2rem;}.elementor-208 .elementor-element.elementor-element-1313087 .elementor-heading-title{font-size:2rem;}.elementor-208 .elementor-element.elementor-element-16c36bc .elementor-heading-title{font-size:2rem;}.elementor-208 .elementor-element.elementor-element-3e3c7d5{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-208 .elementor-element.elementor-element-2f44b61 .elementor-heading-title{font-size:2.5rem;}}@media(min-width:768px){.elementor-208 .elementor-element.elementor-element-85b5c14{--content-width:83%;}.elementor-208 .elementor-element.elementor-element-467aff9{--width:40%;}.elementor-208 .elementor-element.elementor-element-3e3c7d5{--content-width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-208 .elementor-element.elementor-element-85b5c14{--content-width:80%;}.elementor-208 .elementor-element.elementor-element-467aff9{--width:100%;}.elementor-208 .elementor-element.elementor-element-f04c262{--content-width:80%;}}@media(max-width:767px){.elementor-208 .elementor-element.elementor-element-85b5c14:not(.elementor-motion-effects-element-type-background), .elementor-208 .elementor-element.elementor-element-85b5c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://djbokken.myskydoowebsite.com/wp-content/uploads/DJ-BOKKEN.png");background-position:top right;}.elementor-208 .elementor-element.elementor-element-85b5c14{--content-width:80%;--margin-top:-12em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:15em;--padding-bottom:8em;--padding-left:0em;--padding-right:0em;}.elementor-208 .elementor-element.elementor-element-0fba230 .elementor-heading-title{font-size:2rem;}.elementor-208 .elementor-element.elementor-element-f04c262{--content-width:85%;}.elementor-208 .elementor-element.elementor-element-917a16c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-208 .elementor-element.elementor-element-f8cbe0d{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-208 .elementor-element.elementor-element-42a59fd .elementor-heading-title{font-size:1.7rem;}.elementor-208 .elementor-element.elementor-element-bde84f4{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-208 .elementor-element.elementor-element-1313087 .elementor-heading-title{font-size:1.7rem;}.elementor-208 .elementor-element.elementor-element-1ab433e{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-208 .elementor-element.elementor-element-16c36bc .elementor-heading-title{font-size:1.7rem;}.elementor-208 .elementor-element.elementor-element-3e3c7d5{--content-width:85%;}.elementor-208 .elementor-element.elementor-element-2f44b61 .elementor-heading-title{font-size:1.7rem;}}/* Start custom CSS for html, class: .elementor-element-d5748d5 */.button {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ff884d; /* Orange clair SoundCloud */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.button__circle {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #212121;
  color: #ff884d;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.button__icon {
  color: #ff751a;
  transition: color 0.3s ease;
}

.button__text {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  animation: rotateText 12s linear infinite;
}

@keyframes rotateText {
  to {
    transform: rotate(360deg);
  }
}

/* --- Effet hover --- */
.button:hover {
  transform: scale(1.1);
  background: #ffa366; /* Orange encore plus clair */
  box-shadow: 0 0 20px rgba(255, 136, 77, 0.6);
}

.button:hover .button__icon {
  color: #fff; /* L’icône devient blanche */
}/* End custom CSS */