.elementor-10 .elementor-element.elementor-element-d6e37c2:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d6e37c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-d6e37c2 > .elementor-container{max-width:1200px;}.elementor-10 .elementor-element.elementor-element-d6e37c2 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-d6e37c2, .elementor-10 .elementor-element.elementor-element-d6e37c2 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-d6e37c2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:1;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-4a22f34.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-4a22f34.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-4a22f34 > .elementor-element-populated{margin:0px 0px 0px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-item:not(:last-child):after{content:"";height:100%;border-color:#B3B3B3;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9921500{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-item > a{font-family:"Reem Kufi", Sans-serif;font-size:15px;font-weight:500;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-17b8958.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-17b8958.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-17b8958 > .elementor-element-populated{padding:8px 0px 8px 0px;}.elementor-10 .elementor-element.elementor-element-fcabece{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-9d6df6e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-9d6df6e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-9d6df6e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-ffdbb33{--grid-template-columns:repeat(0, auto);text-align:right;border-style:solid;border-width:0px 0px 0px 1px;border-color:#B3B3B3;--icon-size:16px;--grid-column-gap:13px;--grid-row-gap:0px;}.elementor-10 .elementor-element.elementor-element-ffdbb33 .elementor-social-icon{background-color:#234A8100;}.elementor-10 .elementor-element.elementor-element-ffdbb33 .elementor-social-icon i{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-ffdbb33 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-ffdbb33 .elementor-social-icon:hover{background-color:#234A8100;}.elementor-10 .elementor-element.elementor-element-ffdbb33 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-ffdbb33 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-bef1330 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-bef1330 > .elementor-background-overlay{background-color:#000000;opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-bef1330{border-style:solid;border-width:1px 0px 1px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;z-index:1;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-806ae74.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-806ae74.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-806ae74 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-a3b3933{margin:-5px -5px calc(var(--kit-widget-spacing, 0px) + -5px) -5px;text-align:center;}.elementor-10 .elementor-element.elementor-element-a3b3933 img{width:100%;}.elementor-10 .elementor-element.elementor-element-fa4cd1b > .elementor-element-populated{margin:10px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-menu-toggle{margin-left:auto;}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:20px;padding-right:20px;padding-top:7px;padding-bottom:7px;}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main .elementor-item:hover, .elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#C62026;}.elementor-10 .elementor-element.elementor-element-62358a7 .e--pointer-framed .elementor-item:before, .elementor-10 .elementor-element.elementor-element-62358a7 .e--pointer-framed .elementor-item:after{border-color:#C62026;}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#C62026;}.elementor-10 .elementor-element.elementor-element-62358a7 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-10 .elementor-element.elementor-element-62358a7 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#C62026;}.elementor-10 .elementor-element.elementor-element-62358a7{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-62358a7 .elementor-item:before{border-radius:50px;}.elementor-10 .elementor-element.elementor-element-62358a7 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:50px 50px 0 0;}.elementor-10 .elementor-element.elementor-element-62358a7 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 50px 50px;}.elementor-10 .elementor-element.elementor-element-62358a7 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 50px 50px 0;}.elementor-10 .elementor-element.elementor-element-62358a7 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:50px 0 0 50px;}.elementor-10 .elementor-element.elementor-element-a7c0c8d:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-a7c0c8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-a7c0c8d{border-style:solid;border-color:#E9E9E9;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-a7c0c8d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-ae619f5 > .elementor-element-populated{padding:2px 0px 2px 0px;}.elementor-10 .elementor-element.elementor-element-4acaf88 > .elementor-element-populated{padding:2px 0px 2px 0px;}.elementor-10 .elementor-element.elementor-element-fb28db0 img{width:80%;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-b7024f3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-b7024f3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-b7024f3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--main .elementor-item:hover, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--main .elementor-item.highlighted, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--main .elementor-item:focus{color:#C7689A;fill:#C7689A;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-1b1244a{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a:hover, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a:focus, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a.highlighted, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-menu-toggle:hover, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a:hover, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a:focus, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown .elementor-item, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:var( --e-global-color-primary );border-bottom-width:2px;}.elementor-10 .elementor-element.elementor-element-1b1244a div.elementor-menu-toggle{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-1b1244a div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-4a22f34{width:38%;}.elementor-10 .elementor-element.elementor-element-17b8958{width:48%;}.elementor-10 .elementor-element.elementor-element-9d6df6e{width:13.303%;}.elementor-10 .elementor-element.elementor-element-806ae74{width:10%;}.elementor-10 .elementor-element.elementor-element-fa4cd1b{width:76.304%;}.elementor-10 .elementor-element.elementor-element-c7900eb{width:13%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-806ae74{width:100%;}.elementor-10 .elementor-element.elementor-element-fa4cd1b{width:48%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-4a22f34 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:6px 0px 6px 0px;}.elementor-10 .elementor-element.elementor-element-9921500{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-icon-list-icon-size:13px;}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-9921500 .elementor-icon-list-item > a{font-size:12px;}.elementor-10 .elementor-element.elementor-element-ffdbb33{text-align:center;}.elementor-10 .elementor-element.elementor-element-806ae74{width:50%;}.elementor-10 .elementor-element.elementor-element-fa4cd1b{width:50%;}.elementor-10 .elementor-element.elementor-element-a7c0c8d{border-width:0px 0px 1px 0px;}.elementor-10 .elementor-element.elementor-element-ae619f5{width:30%;}.elementor-10 .elementor-element.elementor-element-ae619f5 > .elementor-element-populated{padding:2px 0px 2px 0px;}.elementor-10 .elementor-element.elementor-element-4acaf88{width:40%;}.elementor-10 .elementor-element.elementor-element-4acaf88 > .elementor-element-populated{padding:5px 0px 5px 0px;}.elementor-10 .elementor-element.elementor-element-fb28db0 img{width:70%;}.elementor-10 .elementor-element.elementor-element-b7024f3{width:30%;}.elementor-10 .elementor-element.elementor-element-b7024f3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1b1244a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown .elementor-item, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown .elementor-sub-item{font-size:15px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-10 .elementor-element.elementor-element-1b1244a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:28px !important;}}/* Start custom CSS for html, class: .elementor-element-82b1204 */.custom-btn { line-height: 1; text-decoration: none; display: inline-flex; border: none; cursor: pointer; align-items: center; justify-content: center; gap: 0.5rem; background-color: #C62026; color: #fff; border-radius: 8rem; font-weight: 500; font-family: 'Montserrat', sans-serif; padding: 0.8rem 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 0.3s, color 0.3s, border 0.3s; margin: 0 auto; position: relative; border: 1px solid transparent; } /* Hover */ .custom-btn:hover { background-color: #000; color: #ffffff; border: 1px solid #C62026; } /* Focus */ .custom-btn:focus { outline: none; background-color: #000; color: #ffffff; border: 1px solid #C62026; } /* Active (click) */ .custom-btn:active { background-color: #000; color: #ffffff; border: 1px solid #C62026; } /* Icon wrapper base */ .custom-btn__icon-wrapper { flex-shrink: 0; width: 20px; height: 20px; position: relative; color: #C62026; background-color: #fff; border-radius: 50%; display: grid; place-items: center; overflow: hidden; transition: background-color 0.3s, color 0.3s; } /* Hover and active icon wrapper */ .custom-btn:hover .custom-btn__icon-wrapper, .custom-btn:active .custom-btn__icon-wrapper, .custom-btn:focus .custom-btn__icon-wrapper { color: #fff; background-color: #C62026; } /* Icon animation */ .custom-btn__icon-svg--copy { position: absolute; transform: translate(-150%, 150%); } .custom-btn:hover .custom-btn__icon-svg:first-child { transition: transform 0.3s ease-in-out; transform: translate(150%, -150%); } .custom-btn:hover .custom-btn__icon-svg--copy { transition: transform 0.3s ease-in-out 0.1s; transform: translate(0); } @media only screen and (max-width: 600px) { .custom-btn { display: flex; justify-content: center; align-items: center; margin: 0 auto; } }/* End custom CSS */