/* TEXTBOX */

.l2-textblock-upper-container > div,
.l2-textblock-lower-container > div,
.l2-copytext p {
    margin: 0 !important;
}

/* ICON SIZE */

.l2-icon-size-xxxs img {
    width: var(--token-device-desktop-sizes-size-xxxs) !important;
    height: var(--token-device-desktop-sizes-size-xxxs) !important;
}
    
    .l2-icon-size-xxs img {
    width: var(--token-device-desktop-sizes-size-xxs) !important;
    height: var(--token-device-desktop-sizes-size-xxs) !important;
}
    
    .l2-icon-size-xs img {
    width: var(--token-device-desktop-sizes-size-xs) !important;
    height: var(--token-device-desktop-sizes-size-xs) !important;
}
    
    .l2-icon-size-sm img {
    width: var(--token-device-desktop-sizes-size-sm) !important;
    height: var(--token-device-desktop-sizes-size-sm) !important;
}
    
    .l2-icon-size-md img {
    width: var(--token-device-desktop-sizes-size-md) !important;
    height: var(--token-device-desktop-sizes-size-md) !important;
}
    
    .l2-icon-size-lg img {
    width: var(--token-device-desktop-sizes-size-lg) !important;
    height: var(--token-device-desktop-sizes-size-lg) !important;
}
    
    .l2-icon-size-xl img {
    width: var(--token-device-desktop-sizes-size-xl) !important;
    height: var(--token-device-desktop-sizes-size-xl) !important;
}
    
    .l2-icon-size-xxl img {
    width: var(--token-device-desktop-sizes-size-xxl) !important;
    height: var(--token-device-desktop-sizes-size-xxl) !important;
}

/* BUTTONS */

:root {
    --outline-border-width: 1px;
    --outline-border-width-hover: 2px;
}

/* BUTTON PRIMARY SOLID */
.l2-button-primary a {
    background-color: var(--token-color-button-primary-mode-light) !important;
    color: var(--token-color-button-white-mode-light) !important;
}
  
  .l2-button-primary a:hover {
    background-color: var(--token-color-button-primary-hover-mode-light) !important;
    color: var(--token-color-button-white-mode-light) !important;
}
  
/* BUTTON PRIMARY OUTLINE */
.l2-button-primary-outline a {
    border: var(--outline-border-width) solid var(--token-color-button-primary-mode-light) !important;
    color: var(--token-color-button-primary-mode-light) !important;
    background-color: transparent !important;
}

.l2-button-primary-outline a:hover {
    border-color: var(--token-color-button-primary-hover-mode-light) !important;
    color: var(--token-color-button-primary-hover-mode-light) !important;
    background-color: transparent !important;
}

/* BUTTON SECONDARY */
.l2-button-secondary a {
    background-color: var(--token-color-button-secondary-mode-light) !important;
    color: var(--token-color-button-white-mode-light) !important;
}

.l2-button-secondary a:hover {
    background-color: var(--token-color-button-secondary-hover-mode-light) !important;
    color: var(--token-color-button-white-mode-light) !important;
}
  
/* BUTTON SECONDARY OUTLINE */
.l2-button-secondary-outline a {
    border: var(--outline-border-width) solid var(--token-color-button-secondary-mode-light) !important;
    color: var(--token-color-button-secondary-mode-light) !important;
    background-color: transparent !important;
}

.l2-button-secondary-outline a:hover {
    border-color: var(--token-color-button-secondary-hover-mode-light) !important;
    color: var(--token-color-button-secondary-hover-mode-light) !important;
    background-color: transparent !important;
}
  
/* BUTTON WHITE SOLID */
.l2-container-backgroundcolor-primary .l2-button-white a {
    background-color: var(--token-color-button-white-mode-light) !important;
    color: var(--token-color-button-primary-mode-light) !important;
    /* padding: 8px 16px;
    font-size: 13px !important; */
}
.l2-container-backgroundcolor-secondary .l2-button-white a {
    background-color: var(--token-color-button-white-mode-light) !important;
    color: var(--token-color-button-secondary-mode-light) !important;
    /* padding: 8px 16px;
    font-size: 13px !important; */
}
.l2-button-white a:hover {
    /* background-color: var(--token-color-button-white-mode-light) !important; */
    color: var(--token-color-button-primary-hover-mode-light) !important;
}
  
/* BUTTON WHITE OUTLINE */
.l2-button-white-outline a {
    outline: var(--outline-border-width) solid var(--token-color-button-white-mode-light) !important;
    color: var(--token-color-button-white-mode-light) !important;
    background-color: transparent !important;
}

.l2-button-white-outline a:hover {
    outline-width: var(--outline-border-width-hover) !important;
}

/* BUTTON SIZE */
 
.l2-button-size-l .elementor-button {
    padding: var(--primitive-spacing-04-16) var(--primitive-spacing-06-24);
}

.l2-button-size-m .elementor-button {
    padding: var(--primitive-spacing-02-8) var(--primitive-spacing-04-16);
} 

.l2-button-size-s .elementor-button {
    padding: var(--primitive-spacing-01-4) var(--primitive-spacing-02-8);
} 

/* BUTTON ICON SIZE */

.l2-button .elementor-button-text {
    gap: var(--primitive-spacing-02-8);
}

.l2-textblock-lower-container .l2-button img {
    height: var(--primitive-spacing-06-24);
}

img.l2-icon-default,
img.l2-icon-alternative {
    display: none;
}

.l2-icon-default img.l2-icon-default,
.l2-icon-alternative img.l2-icon-alternative {
    display: block;
}

.l2-button-icon-position-left .elementor-button-text {
    flex-direction: row-reverse;
}

.l2-button-icon-position-left-inverted .elementor-button-text {
    flex-direction: row-reverse;
}

.l2-button-icon-position-left-inverted .elementor-button-text img {
    transform: rotate(180deg);
}

.l2-button-icon-position-right .elementor-button-text {
    flex-direction: row;
}

.l2-button-icon-position-right-inverted .elementor-button-text {
    flex-direction: row;
}

.l2-button-icon-position-right-inverted .elementor-button-text img {
    transform: rotate(180deg);
}