.elementor-kit-55{--e-global-color-primary:#012E4D;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#012E4D;--e-global-color-3227dfe:#63B7F5;--e-global-color-bb56da6:#161616;--e-global-color-eaad1ba:#F0F0F0;--e-global-color-81b92c4:#00AEEF;--e-global-color-a5c3a7e:#EF6737;--e-global-color-8852724:#A571EA;--e-global-color-c2ef3b0:#3DBFF9;--e-global-color-8058012:#006E7B;--e-global-color-901ba7b:#00BFBF;--e-global-color-390a317:#1C5DC6;--e-global-color-7615428:#FFC933;--e-global-typography-primary-font-family:"Loos";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Loos";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Loos";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Loos";--e-global-typography-accent-font-weight:500;}.elementor-kit-55 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.up{
    font-feature-settings: 'case' on;
}
/* --- SETTINGS --- */

:root {
    --tech-cyan: #00AEEF;       /* Cyan Color */
    --tech-radius: 10px;        /* Corner Roundness */
    --tech-height: 50px;        /* Button Height */
    --tech-bg: rgba(0, 0, 0, 0.4); 
    --tech-border-width: 1px;  
    --tech-anim-speed: 0.5s; 
    --tech-anim-ease: cubic-bezier(0.25, 1, 0.5, 1); /* Smooth "Brake" effect */

}

/* --- MAIN BUTTON (FIXED FOR DYNAMIC WIDTH) --- */
.tech-btn {
    position: relative;
    display: inline-flex; /* Changed from flex to inline-flex */
    align-items: center;
    justify-content: space-between;
    width: auto;           /* Removed 100% */
    min-width: 160px;      /* Optional: prevents button from being TOO small */
    height: var(--tech-height);
    background: var(--tech-bg);
   
    border-radius: var(--tech-radius);
    text-decoration: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgb(0 175 239 / 23%) !important;
    transition: box-shadow 0.3s ease;
    
    /* Important for long text */
    white-space: nowrap;   /* Prevents text from wrapping to a second line */
    padding-right: 5px;    /* Adds a little breathing room near the icon */
}

/* --- TEXT STYLING (ADJUSTED) --- */
.tech-btn-text {
    color: #ffffff;
    font-size: 13px;
    font-family: loos;
    font-feature-settings: 'case' on;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 20px;    /* Space on the left */
    padding-right: 20px;   /* Space between text and icon */
    z-index: 3;
    transition: color 0.3s ease;
}




/* --- ANIMATION LAYER 1: TOP-RIGHT BRACKET --- */

.tech-btn::before {
    content: "";
    position: absolute;
    inset: 0; /* Snap to edges */
    border-radius: var(--tech-radius);
    border: var(--tech-border-width) solid var(--tech-cyan);
    z-index: 2;
    pointer-events: none;
    clip-path: inset(0 0 40% 80%);
    transition: clip-path var(--tech-anim-speed) var(--tech-anim-ease);

}

.tech-btn::after {
    content: "";
    position: absolute;
    inset: 0; /* Snap to edges */
    border-radius: var(--tech-radius);
    border: var(--tech-border-width) solid var(--tech-cyan);
    z-index: 2;
    pointer-events: none;
    clip-path: inset(40% 80% 0 0);
    transition: clip-path var(--tech-anim-speed) var(--tech-anim-ease);

}

.tech-btn:hover::before {
    clip-path: inset(0 0 0 0);
}

.tech-btn:hover::after {
    clip-path: inset(0 0 0 0);

}

.tech-btn:hover .tech-btn-text {
    color: var(--tech-cyan);
    text-shadow: 0 0 15px rgba(0, 174, 239, 0.6);
}

.tech-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--tech-height) - 20px);
    width: calc(var(--tech-height) - 20px);
    background-color: var(--tech-cyan);
    border-radius: 7px;
    margin-right: 10px;
    z-index: 3;
    transition: transform 0.4s var(--tech-anim-ease), box-shadow 0.3s ease;
}
.tech-btn-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #000;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.4s var(--tech-anim-ease);
}

/* Hover Icon Effects */

.tech-btn:hover .tech-btn-icon {
    box-shadow: 0 0 20px var(--tech-cyan);
    transform: translateX(-5px);
}

.tech-btn:hover .tech-btn-icon svg {
    transform: translateX(3px);
}



/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .tech-btn { height: 60px; }
    .tech-btn-text { font-size: 14px; padding-left: 20px; }
    .tech-btn-icon { width: 40px; height: 40px; }
    .tech-btn-icon svg { width: 16px; height: 16px; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Loos';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://georgianaquatics.com/wp-content/uploads/2026/02/LoosNormal-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Loos';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://georgianaquatics.com/wp-content/uploads/2026/02/LoosNormal-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */