.elementor-6104 .elementor-element.elementor-element-3881e58{--display:flex;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6104 .elementor-element.elementor-element-3881e58:not(.elementor-motion-effects-element-type-background), .elementor-6104 .elementor-element.elementor-element-3881e58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-6104 .elementor-element.elementor-element-111b259 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6104 .elementor-element.elementor-element-0a180d9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-6104 .elementor-element.elementor-element-0a180d9:not(.elementor-motion-effects-element-type-background), .elementor-6104 .elementor-element.elementor-element-0a180d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-6104 .elementor-element.elementor-element-fafc75b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6104 .elementor-element.elementor-element-b65f543 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-6104 .elementor-element.elementor-element-3881e58{--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-6104 .elementor-element.elementor-element-3881e58{--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-524f2b4 *//* 🎨 Style the CONNECT TO DISCORD button */
a.pmpro-btn-connect.ets-btn {
    background-color: #FF4985 !important;
    border-radius: 12px !important;
    border: none !important;
    color: white !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: background 0.3s ease-in-out;
    display: flex !important;
    justify-content: center !important;
}



/* 🌈 Hover effect */
a.pmpro-btn-connect.ets-btn:hover {
    background-color: #e04078 !important;
}

.ets-connection-lbl {
    color: white !important;
    font-size: 0px !important;
}

.ets_assigned_role > span {
    font-size: 15px !important;
    margin-left: 20px !important;
    margin-top: 15px !important;
    padding: 15px 30px !important; 
    border-radius: 15px !important;
}


.ets_assigned_role {
    color: black !important;
    
}

.ets_assigned_role i {
    background-color: transparent !important;
}


.ets_assigned_role span,
#pmpro_account .discord-role,
#pmpro_account * {
    line-height: 1 !important;
    vertical-align: middle !important;
}

.fa-discord {
  margin-left: 8px; /* Adjust as needed */
}


/* Match DISCONNECT button style with CONNECT button */
.pmpro-btn-disconnect {
    background-color: #FF4985 !important;
    color: white !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    border: none !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    transition: background 0.3s ease-in-out;
    box-shadow: none !important;
}

/* Optional hover effect to match */
.pmpro-btn-disconnect:hover {
    background-color: #e0477a !important;
}/* End custom CSS */