.elementor-360 .elementor-element.elementor-element-a5bec13{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:92px;--padding-bottom:92px;--padding-left:40px;--padding-right:40px;}.elementor-360 .elementor-element.elementor-element-7cf6d03b{--display:flex;--min-height:372px;--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;--justify-content:space-between;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-360 .elementor-element.elementor-element-7cf6d03b:not(.elementor-motion-effects-element-type-background), .elementor-360 .elementor-element.elementor-element-7cf6d03b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ruangtalenta.id/wp-content/uploads/2026/05/rto-cta-image.webp");background-position:center center;background-size:cover;}.elementor-360 .elementor-element.elementor-element-8147d75{--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:space-between;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:52px;--padding-bottom:52px;--padding-left:52px;--padding-right:52px;}.elementor-360 .elementor-element.elementor-element-8147d75:not(.elementor-motion-effects-element-type-background), .elementor-360 .elementor-element.elementor-element-8147d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top left, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-360 .elementor-element.elementor-element-1ed0acb5{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-360 .elementor-element.elementor-element-2011128f .elementor-heading-title{font-family:"Schibsted Grotesk", Sans-serif;font-size:52px;font-weight:700;line-height:56px;color:var( --e-global-color-d8d5a80 );}.elementor-360 .elementor-element.elementor-element-2011128f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-360 .elementor-element.elementor-element-b1663b1{font-family:var( --e-global-typography-5ef8675-font-family ), Sans-serif;font-size:var( --e-global-typography-5ef8675-font-size );line-height:var( --e-global-typography-5ef8675-line-height );letter-spacing:var( --e-global-typography-5ef8675-letter-spacing );word-spacing:var( --e-global-typography-5ef8675-word-spacing );color:var( --e-global-color-d8d5a80 );}.elementor-360 .elementor-element.elementor-element-b1663b1 p{margin-block-end: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 );background-color:var( --e-global-color-accent );}.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button{font-family:"Schibsted Grotesk", Sans-serif;font-size:16px;font-weight:600;line-height:1.2em;transition-duration:0.3s;border-style:none;}.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button:hover, .elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-360 .elementor-element.elementor-element-7a22951a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-360 .elementor-element.elementor-element-7a22951a.elementor-element{--align-self:flex-start;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-360 .elementor-element.elementor-element-2011128f .elementor-heading-title{font-size:52px;line-height:56px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-360 .elementor-element.elementor-element-b1663b1{font-size:var( --e-global-typography-5ef8675-font-size );line-height:var( --e-global-typography-5ef8675-line-height );letter-spacing:var( --e-global-typography-5ef8675-letter-spacing );word-spacing:var( --e-global-typography-5ef8675-word-spacing );}}@media(max-width:767px){.elementor-360 .elementor-element.elementor-element-a5bec13{--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-360 .elementor-element.elementor-element-2011128f .elementor-heading-title{font-size:44px;line-height:48px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-360 .elementor-element.elementor-element-b1663b1{font-size:var( --e-global-typography-5ef8675-font-size );line-height:var( --e-global-typography-5ef8675-line-height );letter-spacing:var( --e-global-typography-5ef8675-letter-spacing );word-spacing:var( --e-global-typography-5ef8675-word-spacing );}}@media(min-width:768px){.elementor-360 .elementor-element.elementor-element-7cf6d03b{--width:70%;}}/* Start custom CSS for button, class: .elementor-element-7a22951a *//* --- 1. Reset Elementor Default Styles --- */
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important; /* Ensures the expanding background isn't cut off */
}

/* --- 2. Main Button Container Wrapper --- */
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center; 
    width: fit-content;
    color: #ffffff;
    gap: 0 !important; /* KUNCI: No gap, mapped exactly like your code */
}

/* --- 3. Text Label Container --- */
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button-text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 32px;
    height: 52px; 
    line-height: 1;
    min-width: fit-content;
    border-radius: 999px;
    color: #ffffff;
    z-index: 1; /* Diset 1 biar di bawah icon */
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* The hidden gradient background behind the text */
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button-text::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    /* INI GRADIENTNYA KANG, TINGGAL GANTI KODE HEX-NYA */
    background: #191715; 
    border-radius: 999px;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- 4. Icon Circle Container --- */
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button-icon {
    position: relative; 
    display: flex !important; 
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 52px; 
    height: 52px; 
    border-radius: 50%;
    /* INI JUGA GRADIENTNYA, DISAMAIN SAMA YANG ATAS */
    background: #191715; 
    z-index: 2; 
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    margin: 0 !important; 
}

/* --- 5. SVG Arrow / Icon inside the container --- */
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button-icon svg,
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button-icon i {
    position: relative; 
    width: 20px; /* SIZE UDAH JADI 20PX */
    height: 20px; /* SIZE UDAH JADI 20PX */
    font-size: 20px; /* SIZE UDAH JADI 20PX */
    transform: rotate(0deg);
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    color: #1078CA;
    z-index: 3; 
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================================
   ANIMASI HOVER
   ========================================= */

/* Expand the background to cover the exact width of the 48px icon */
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button:hover .elementor-button-text::after {
    width: calc(100% + 48px);
}

/* Rotate the arrow 45 degrees */
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button:hover .elementor-button-icon svg,
.elementor-360 .elementor-element.elementor-element-7a22951a .elementor-button:hover .elementor-button-icon i {
    transform: rotate(45deg);
}/* End custom CSS */