.elementor-957 .elementor-element.elementor-element-88b4044{--display:flex;--overlay-opacity:0.6;--padding-top:300px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-957 .elementor-element.elementor-element-88b4044:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-88b4044 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dkosmiles.com/wp-content/uploads/2026/05/dietrich-kelso-6537-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-957 .elementor-element.elementor-element-88b4044::before, .elementor-957 .elementor-element.elementor-element-88b4044 > .elementor-background-video-container::before, .elementor-957 .elementor-element.elementor-element-88b4044 > .e-con-inner > .elementor-background-video-container::before, .elementor-957 .elementor-element.elementor-element-88b4044 > .elementor-background-slideshow::before, .elementor-957 .elementor-element.elementor-element-88b4044 > .e-con-inner > .elementor-background-slideshow::before, .elementor-957 .elementor-element.elementor-element-88b4044 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#333333;--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Roboto;font-weight:var( --e-global-typography-text-font-weight );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-957 .elementor-element.elementor-element-2d0e865{text-align:center;font-family:"Raleway", Roboto;font-size:51px;font-weight:700;color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-abc0990{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-957 .elementor-element.elementor-element-abc0990:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-abc0990 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C4C4C452;}.elementor-957 .elementor-element.elementor-element-ed82200{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:37px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-5da13fe{text-align:center;font-family:"Raleway", Roboto;font-size:18px;font-weight:400;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-f2d316d{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-957 .elementor-element.elementor-element-61090b4{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Roboto;font-weight:var( --e-global-typography-text-font-weight );}.elementor-957 .elementor-element.elementor-element-a53c4e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Roboto;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-957 .elementor-element.elementor-element-1c7fb66 .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-1c7fb66 .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-1c7fb66 .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-1c7fb66{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-1c7fb66.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-1c7fb66 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-1c7fb66 .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-1c7fb66 .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-1c7fb66 .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-053ac87{--display:flex;}.elementor-957 .elementor-element.elementor-element-4d319e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-2a6a4bf .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-2a6a4bf .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-2a6a4bf .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-2a6a4bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-2a6a4bf.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-2a6a4bf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-2a6a4bf .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-2a6a4bf .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-2a6a4bf .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-8b0ecab{--display:flex;}.elementor-957 .elementor-element.elementor-element-1102411{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-d728363 .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-d728363 .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-d728363 .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-d728363{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-d728363.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-d728363 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-d728363 .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-d728363 .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-d728363 .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-e824873{--display:flex;}.elementor-957 .elementor-element.elementor-element-d0df5ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-876d133 .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-876d133 .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-876d133 .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-876d133{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-876d133.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-876d133 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-876d133 .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-876d133 .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-876d133 .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-f4ebd7e{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-957 .elementor-element.elementor-element-393903f{--display:flex;}.elementor-957 .elementor-element.elementor-element-386a18f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-b692e9f .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-b692e9f .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-b692e9f .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-b692e9f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-b692e9f.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-b692e9f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-b692e9f .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-b692e9f .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-b692e9f .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-7db5fdf{--display:flex;}.elementor-957 .elementor-element.elementor-element-456da49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-cbdcdef .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-cbdcdef .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-cbdcdef .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-cbdcdef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-cbdcdef.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-cbdcdef .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-cbdcdef .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-cbdcdef .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-cbdcdef .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-63ce293{--display:flex;}.elementor-957 .elementor-element.elementor-element-607e255{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-b707e66 .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-b707e66 .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-b707e66 .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-b707e66{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-b707e66.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-b707e66 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-b707e66 .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-b707e66 .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-b707e66 .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-fe4848d{--display:flex;}.elementor-957 .elementor-element.elementor-element-69889c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-f441901 .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-f441901 .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-f441901 .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-f441901{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-f441901.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-f441901 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-f441901 .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-f441901 .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-f441901 .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-5eb5b33{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-957 .elementor-element.elementor-element-5eb5b33.e-con{--align-self:center;}.elementor-957 .elementor-element.elementor-element-1e6f7b7{--display:flex;}.elementor-957 .elementor-element.elementor-element-8adc821{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-2c4578b .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-2c4578b .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-2c4578b .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-2c4578b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-2c4578b.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-2c4578b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-2c4578b .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-2c4578b .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-2c4578b .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-2132410{--display:flex;}.elementor-957 .elementor-element.elementor-element-572e73e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Raleway", Roboto;font-size:22px;font-weight:700;color:var( --e-global-color-7f23dfa );}.elementor-957 .elementor-element.elementor-element-0fdcf6c .elementor-button{background-color:#61CE7000;font-family:"Nunito", Roboto;font-size:18px;font-weight:400;text-transform:uppercase;fill:#0D2B47;color:#0D2B47;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-1b61bd9 );border-radius:0px 0px 0px 0px;}.elementor-957 .elementor-element.elementor-element-0fdcf6c .elementor-button:hover, .elementor-957 .elementor-element.elementor-element-0fdcf6c .elementor-button:focus{background-color:var( --e-global-color-1b61bd9 );color:var( --e-global-color-6ad1f8c );}.elementor-957 .elementor-element.elementor-element-0fdcf6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-957 .elementor-element.elementor-element-0fdcf6c.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-957 .elementor-element.elementor-element-0fdcf6c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-957 .elementor-element.elementor-element-0fdcf6c .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-957 .elementor-element.elementor-element-0fdcf6c .elementor-button:hover svg, .elementor-957 .elementor-element.elementor-element-0fdcf6c .elementor-button:focus svg{fill:var( --e-global-color-6ad1f8c );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-957 .elementor-element.elementor-element-5eb5b33{--width:50%;}}@media(max-width:1024px){.elementor-957 .elementor-element.elementor-element-f2d316d{--grid-auto-flow:row;}.elementor-957 .elementor-element.elementor-element-f4ebd7e{--grid-auto-flow:row;}.elementor-957 .elementor-element.elementor-element-5eb5b33{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-957 .elementor-element.elementor-element-88b4044{--min-height:185px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-957 .elementor-element.elementor-element-2d0e865{font-size:27px;}.elementor-957 .elementor-element.elementor-element-ed82200{font-size:18px;}.elementor-957 .elementor-element.elementor-element-5da13fe{font-size:15px;}.elementor-957 .elementor-element.elementor-element-f2d316d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-957 .elementor-element.elementor-element-a53c4e5{font-size:18px;}.elementor-957 .elementor-element.elementor-element-4d319e5{font-size:18px;}.elementor-957 .elementor-element.elementor-element-1102411{font-size:18px;}.elementor-957 .elementor-element.elementor-element-d0df5ae{font-size:18px;}.elementor-957 .elementor-element.elementor-element-f4ebd7e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-957 .elementor-element.elementor-element-386a18f{font-size:18px;}.elementor-957 .elementor-element.elementor-element-456da49{font-size:18px;}.elementor-957 .elementor-element.elementor-element-607e255{font-size:18px;}.elementor-957 .elementor-element.elementor-element-69889c4{font-size:18px;}.elementor-957 .elementor-element.elementor-element-5eb5b33{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-957 .elementor-element.elementor-element-8adc821{font-size:18px;}.elementor-957 .elementor-element.elementor-element-572e73e{font-size:18px;}}/* Start custom CSS for button, class: .elementor-element-1c7fb66 *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2a6a4bf *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d728363 *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-876d133 *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b692e9f *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cbdcdef *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b707e66 *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f441901 *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2c4578b *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0fdcf6c *//* ================================================
   BUTTON — CSS VARIABLES
   ================================================ */
:root {
  --dko-btn-bg:           rgb(13, 43, 71);
  --dko-btn-bg-hover:     rgb(9, 30, 49);
  --dko-btn-color:        #ffffff;
  --dko-btn-font:         raleway, sans-serif;
  --dko-btn-size:         12px;
  --dko-btn-weight:       800;
  --dko-btn-tracking:     2px;
  --dko-btn-padding:      0px 85px 0px 30px;
  --dko-btn-height:       46px;
  --dko-btn-arrow-width:  57px;
  --dko-btn-arrow-url:    url("https://dkosmiles.com/wp-content/themes/canvas/img/btn-arrow.svg");
  --dko-text-align:       center;                  /* ← left / center / right */
}

/* ================================================
   BUTTON — BASE
   ================================================ */
.viewallop-new {
  text-align: var(--dko-text-align);
}

.viewallop-new .elementor-button-link {
  display:         inline-block;
  position:        relative;
  height:          var(--dko-btn-height) !important;
  line-height:     var(--dko-btn-height) !important;
  padding:         var(--dko-btn-padding) !important;
  background:      var(--dko-btn-bg) !important;
  color:           var(--dko-btn-color) !important;
  font-family:     var(--dko-btn-font) !important;
  font-size:       var(--dko-btn-size) !important;
  font-weight:     var(--dko-btn-weight) !important;
  text-transform:  uppercase !important;
  letter-spacing:  var(--dko-btn-tracking) !important;
  text-decoration: none !important;
  white-space:     nowrap !important;
  border:          0 !important;
  border-radius:   0 !important;
  outline:         0 !important;
  cursor:          pointer !important;
  transition:      all 0.33s ease-in-out !important;
}

/* ================================================
   BUTTON — ARROW (right side SVG block)
   ================================================ */
.viewallop-new .elementor-button-link::after {
  content:             "";
  position:            absolute;
  top:                 0;
  right:               0;
  height:              100%;
  width:               var(--dko-btn-arrow-width);
  background-color:    var(--dko-btn-bg) !important;
  background-image:    var(--dko-btn-arrow-url) !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  background-size:     auto !important;
  border:              0 !important;
  border-left:         0 !important;
  outline:             0 !important;
  box-shadow:          none !important;
}

/* ================================================
   BUTTON — HOVER
   ================================================ */
.viewallop-new .elementor-button-link:hover {
  background: var(--dko-btn-bg-hover) !important;
  color:      var(--dko-btn-color) !important;
}
.viewallop-new .elementor-button-link:hover::after {
  background-color: var(--dko-btn-bg-hover) !important;
}

/* ================================================
   BUTTON — ELEMENTOR OVERRIDES
   ================================================ */
.viewallop-new .elementor-button-icon             { display: none; }
.viewallop-new .elementor-button-content-wrapper  { display: block; }/* End custom CSS */