@font-face{font-family:'Product Sans';src:url(/assets/fonts/Product%20Sans-c9ce4ecb0c2ca9f5fe6d8e010719438c.woff2?h=7e258f94bac2c2fd683458c29fa264ac) format('woff2'),url(/assets/fonts/Product%20Sans-1997a502c802aa4027639d08aa0e9619.woff?h=7e258f94bac2c2fd683458c29fa264ac) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Product Sans';src:url(/assets/fonts/Product%20Sans-f23be2f1b04b1adf611dd6dc452884ba.woff2?h=7e258f94bac2c2fd683458c29fa264ac) format('woff2'),url(/assets/fonts/Product%20Sans-2e372be9f7c38620ecb92e300e18a77a.woff?h=7e258f94bac2c2fd683458c29fa264ac) format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'SF Pro Display';src:url(/assets/fonts/SFProDisplay-Ultralight.woff2) format('woff2'),url(/assets/fonts/SFProDisplay-Ultralight.woff) format('woff');font-weight:100;font-style:normal;font-display:auto}@font-face{font-family:'SF Pro Display';src:url(/assets/fonts/SFProDisplay-Regular.woff2) format('woff2'),url(/assets/fonts/SFProDisplay-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:auto}@font-face{font-family:'SF Pro Display';src:url(/assets/fonts/SFProDisplay-Semibold.woff2) format('woff2'),url(/assets/fonts/SFProDisplay-Semibold.woff) format('woff');font-weight:600;font-style:normal;font-display:auto}@font-face{font-family:'SF Pro Text';src:url(/assets/fonts/SFProText-Bold.woff2) format('woff2'),url(/assets/fonts/SFProText-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:auto}@font-face{font-family:'SF Pro Text';src:url(/assets/fonts/SFProText-Heavy.woff2) format('woff2'),url(/assets/fonts/SFProText-Heavy.woff) format('woff');font-weight:900;font-style:normal;font-display:auto}:root,[data-bs-theme=light]{--bs-primary:#145d80;--bs-primary-rgb:20,93,128;--bs-primary-text-emphasis:#082533;--bs-primary-bg-subtle:#D0DFE6;--bs-primary-border-subtle:#A1BECC}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#145d80;--bs-btn-border-color:#145d80;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#114F6D;--bs-btn-hover-border-color:#104A66;--bs-btn-focus-shadow-rgb:220,231,236;--bs-btn-active-color:#fff;--bs-btn-active-bg:#104A66;--bs-btn-active-border-color:#0F4660;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#145d80;--bs-btn-disabled-border-color:#145d80}.btn-outline-primary{--bs-btn-color:#145d80;--bs-btn-border-color:#145d80;--bs-btn-focus-shadow-rgb:20,93,128;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#145d80;--bs-btn-hover-border-color:#145d80;--bs-btn-active-color:#fff;--bs-btn-active-bg:#145d80;--bs-btn-active-border-color:#145d80;--bs-btn-disabled-color:#145d80;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#145d80}.article-clean{color:#56585b;background-color:#fff;font-family:Lora,serif;font-size:14px}.article-clean .intro{font-size:16px;margin:0 auto 30px}.article-clean .intro h1{font-size:32px;margin-bottom:15px;padding-top:20px;line-height:1.5;color:inherit;margin-top:20px}.article-clean .intro p{color:#929292;font-size:12px}.article-clean .intro p .by{font-style:italic}.article-clean .intro p .date{text-transform:uppercase;padding:4px 0 4px 10px;margin-left:10px;border-left:1px solid #ddd}.article-clean .intro p a{color:#333;text-transform:uppercase;padding-left:3px}.article-clean .intro img{margin-top:20px}.article-clean .text p{margin-bottom:20px;line-height:1.45}.article-clean .text h2{margin-top:28px;margin-bottom:20px;line-height:1.45;font-size:16px;font-weight:700;color:#333}.article-clean .text figure{text-align:center;margin-top:30px;margin-bottom:20px}.article-clean .text figure img{margin-bottom:12px;max-width:100%}.article-list,.photo-gallery{color:#313437;background-color:#fff}.article-list p,.features-boxed p,.features-clean p,.highlight-clean p,.highlight-phone p{color:#7d8285}.article-list h2,.features-boxed h2,.features-clean h2,.photo-gallery h2{font-weight:700;margin-bottom:40px;padding-top:40px;color:inherit}.article-list .intro,.features-boxed .intro{font-size:16px;max-width:500px;margin:0 auto}.article-list .intro p,.features-boxed .intro p,.product .links.small-link-margin{margin-bottom:0}.article-list .articles{padding-bottom:40px}.article-list .item{padding-top:50px;min-height:425px;text-align:center}.article-list .item .name{font-weight:700;font-size:16px;margin-top:20px;color:inherit}.article-list .item .description{font-size:14px;margin-top:15px;margin-bottom:0}.article-list .item .action{font-size:24px;width:24px;margin:22px auto 0;line-height:1;display:block;color:#4f86c3;opacity:.85;transition:opacity .2s;text-decoration:none}.article-list .item .action:hover,.contact-clean form .btn:hover,.highlight-clean .buttons .btn:hover,.highlight-phone .intro .btn:hover{opacity:1}.video-background-holder{position:relative;background-color:#000;height:calc(100vh - 72px);min-height:25rem;width:100%;overflow:hidden}.video-background-holder video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.video-background-content{position:relative;z-index:2}.video-background-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:.5;z-index:1}.crshadow{color:#fff;border-radius:50%;text-align:center;position:relative;margin:200px auto;width:300px;height:300px;background:linear-gradient(0deg,#000,#262626)}.crshadow:after,.crshadow:before{content:'';position:absolute;top:-2px;left:-2px;border-radius:50%;background:linear-gradient(45deg,#cd0068,#512e87,#3f07fc,#e00058,#c87873,#e00058,#0084c3,#3f07fc,#2ef3fd,#cd0068,#512e87,#0084c3,#3f07fc,#d60060,#c87873,#e00058,#6baadf,#3f07fc,#2ef3fd,#c87873);width:calc(100% + 5px);height:calc(100% + 5px);background-size:400%;z-index:-1;animation:20s linear infinite cranimate}.crshadow:after{filter:blur(20px)}@keyframes cranimate{0%,100%{background-position:0 0}50%{background-position:400% 0}75%{background-position:200% 0}}.contact-clean{background:#f1f7fc;padding:80px 0}.contact-clean form{max-width:480px;width:90%;margin:0 auto;background-color:#fff;padding:40px;border-radius:4px;color:#505e6c;box-shadow:1px 1px 5px rgba(0,0,0,.1)}.contact-clean h2{margin-top:5px;font-weight:700;font-size:28px;margin-bottom:36px;color:inherit}.contact-clean form .form-control{background:#fff;border-radius:2px;box-shadow:1px 1px 1px rgba(0,0,0,.05);outline:0;color:inherit;padding-left:12px;height:42px}.contact-clean form .form-control:focus{border:1px solid #b2b2b2}.contact-clean form textarea.form-control{min-height:100px;max-height:260px;padding-top:10px;resize:vertical}.contact-clean form .btn{padding:16px 32px;border:none;background:0 0;box-shadow:none;text-shadow:none;opacity:.9;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:.4px;line-height:1;outline:0!important}.contact-clean form .btn:active,.highlight-clean .buttons .btn:active,.highlight-phone .intro .btn:active{transform:translateY(1px)}.contact-clean form .btn-primary{background-color:#101010!important;margin-top:15px;color:#fff}.photo-card{background-color:#2d3638;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);display:flex;flex-direction:column;width:100%;max-width:700px;margin-left:auto;margin-right:auto}.photo-background{background-position:center;background-size:cover;border-top-left-radius:10px;border-top-right-radius:10px;min-height:250px}.photo-details{padding:2.1875em 5%}@media screen and (min-width:700px){.photo-card{flex-direction:row}.photo-background{border-top-left-radius:10px;border-top-right-radius:0;border-bottom-left-radius:10px;min-height:none;width:50%}.photo-details{width:50%}}.photo-details p,.product-small.dark,.product-small.dark a,.product.dark,.product.dark a{color:#fff}.features-boxed{color:#313437;background-color:#eef4f7}.features-boxed .features{padding:50px 0}.features-boxed .item,.footer-dark .item.social,.highlight-blue .buttons,.highlight-clean .buttons{text-align:center}.features-boxed .item .box{text-align:center;padding:30px;background-color:#fff;margin-bottom:30px}.features-boxed .item .icon{font-size:60px;color:#1485ee;margin-top:20px;margin-bottom:35px}.features-boxed .item .name{font-weight:700;font-size:18px;margin-bottom:8px;margin-top:0;color:inherit}.features-boxed .item .description{font-size:15px;margin-top:15px;margin-bottom:20px}.features-clean{color:#313437;background-color:#fff;padding-bottom:30px}.features-clean .intro{font-size:16px;max-width:500px;margin:0 auto 60px}.footer-dark{padding:50px 0;color:#f0f9ff;background-color:#282d32}.footer-dark h3{margin-top:0;margin-bottom:12px;font-weight:700;font-size:16px}.footer-dark ul{padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0}.footer-dark ul a{color:inherit;text-decoration:none;opacity:.6}.footer-dark ul a:hover{opacity:.8}.footer-dark .item.text{margin-bottom:36px}.footer-dark .item.text p{opacity:.6;margin-bottom:0}@media (max-width:991px){.footer-dark .item.social{text-align:center;margin-top:20px}}.footer-dark .item.social>a{font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;text-align:center;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.4);margin:0 8px;color:#fff;opacity:.75}.footer-dark .item.social>a:hover{opacity:.9}.glass-navbar{background-color:rgba(0,0,0,.5)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px rgba(0,0,0,.1);z-index:1000}.navbar .fa,.navbar .icon,.navbar .nav-link{color:#fff!important}.navbar-toggler .fa-navicon{color:#fff;font-size:20px}.text2{background:linear-gradient(to right,#1649ff 0,#00ff85 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:40px;font-family:'SF Pro Text';text-align:center}.header-dark{background:url(mountain_bg.jpg) 0 0/cover #444;padding-bottom:80px}.fit-cover{object-fit:cover}.hero{text-align:center;padding:200px 20px 50px}.hero h1{font-size:70px;font-weight:700;font-family:SF Pro Display;transition:opacity .3s,filter .3s}.hero p{margin-bottom:2rem;color:#aaa;transition:opacity .3s,filter .3s}.btn-cta{background:#fff;color:#000;font-weight:600;padding:12px 24px;border-radius:50px;text-decoration:none;margin-top:20px;transition:opacity .3s,filter .3s}.btn-cta:hover{background:#eee;color:#000}.main-content{display:flex;justify-content:center;align-items:flex-start;position:relative;padding:100px 20px;flex-wrap:wrap;z-index:1;overflow:hidden}.side-container{display:flex;flex-direction:column;gap:30px;margin-top:50px;position:relative;z-index:0}.side-card{flex-shrink:0;border-radius:16px;overflow:hidden;transition:transform .3s}.side-card img{width:100%;height:auto;object-fit:cover;border-radius:16px;display:block;margin-left:12px}.left-1,.right-1{width:200px}.left-2,.right-2{width:250px}.video-card{width:60%;max-width:1200px;border-radius:20px;overflow:hidden;transition:transform .5s;z-index:2;position:relative;transform:scale(1)}.highlight-blue{color:#fff;background-color:#1e6add;padding:50px 0}.highlight-blue p{color:#c4d5ef;line-height:1.5}.highlight-blue h2{font-weight:400;margin-bottom:25px;line-height:1.5;padding-top:0;margin-top:0;color:inherit}.highlight-blue .intro,.highlight-clean .intro{font-size:16px;max-width:500px;margin:0 auto 25px}.highlight-clean{color:#313437;background-color:#fff;padding:50px 0}.highlight-clean h2{font-weight:700;margin-bottom:25px;line-height:1.5;padding-top:0;margin-top:0;color:inherit}.highlight-clean .buttons .btn{padding:16px 32px;margin:6px;border:none;background:#ddd;box-shadow:none;text-shadow:none;opacity:.9;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:.4px;line-height:1;outline:0}.highlight-phone{color:#313437;background-color:#eef4f7;padding:50px 0 55px;overflow:hidden}.highlight-phone h2{font-weight:700;margin-bottom:35px;line-height:1.5;padding-top:0;margin-top:0;color:inherit}.highlight-phone .intro{font-size:18px;max-width:500px;line-height:1.5}.highlight-phone .intro p{margin-bottom:35px}.highlight-phone .phone-mockup{position:relative;max-width:260px;margin-top:-30px;margin-bottom:-230px;transform:rotate(-15deg)}.highlight-phone .phone-mockup img.device{width:100%;height:auto}#box-2{height:100vh;width:100%;background-image:url(/assets/img/colombo-bg.webp?h=3b14cb9d7f09f57c24f18ae4c3ea53c7);background-size:cover;display:table;background-attachment:fixed;text-align:center}h1{font-family:arial black;font-size:50px;color:#fff;margin:0;text-align:center;vertical-align:middle}@media (min-width:576px){#logoimage1{width:50%;margin-top:200px}}@media (max-width:575px){#logoimage1{width:50%;margin-top:200px}}@media (min-width:768px){.article-clean .text p{font-size:16px}.article-clean .text h2{font-size:20px}.header-dark{padding-bottom:120px}#logoimage1{width:40%;margin-top:200px}}@media (min-width:300px){#heading1{font-size:18px;margin-top:20px}}@media (min-width:576px){#heading1{font-size:25px;margin-top:20px}}@media (min-width:991px){#logoimage1{width:35%;margin-top:20%}#heading1{font-size:25px}}@media (min-width:1200px){#logoimage1{width:25%;margin-top:200px}#heading1{font-size:35px}}@media (min-width:767px){#heading1{font-size:25px}}a:hover{color:#636262}.photo-gallery .intro{font-size:16px;max-width:500px;margin:0 auto 40px}.photo-gallery .photos{padding-bottom:20px}.photo-gallery .item{padding-bottom:30px}.navbar--avant::before{background:rgba(0,0,0,.8);transition:height .2s ease-in;height:50px;position:fixed;top:0;bottom:0;left:0;right:0;content:'';z-index:-1}.navbar--avant .nav-link{color:#fff!important;font-size:13px}.navbar--avant{background-color:initial!important}.navbar--avant .navbar-toggler{padding:0;font-size:1.25rem;line-height:1;border:0;border-radius:0}.navbar--avant .navbar-toggler-icon{background-image:none;line-height:2rem}.client-section{padding:10px;background-color:#000;border-bottom:1px solid #282828}.client-heading{color:#fff;font-size:10px;padding-top:20px;font-family:Lato,sans-serif;font-weight:300;text-transform:uppercase}.no-pad{padding-top:20px;padding-bottom:10px}.client-row{max-width:1200px;margin-left:auto;margin-right:auto;padding-top:10px}.client-container{max-width:100%}.client-image{display:block;margin-left:auto;margin-right:auto;filter:grayscale(0%)}.client-image:hover{display:block;margin-left:auto;margin-right:auto;filter:grayscale(100%) invert(100%) sepia(0%)}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0;margin-left:0;padding-left:0;height:auto}.container{max-width:1200px!important;padding-left:0;padding-right:0}@media (max-width:768px){.main-content{flex-direction:column;align-items:center}.side-container{flex-direction:row;justify-content:center;margin-top:30px}.left-1,.left-2,.right-1,.right-2{width:150px!important}.rig-header{padding-right:0;padding-left:0}}.rig-header div{margin:0;padding:0}.rig-header{text-align:center;padding:32px}.rig-row{display:flex;flex-wrap:wrap}.rig-column{flex:25%}@media (max-width:768px){.rig-column{flex:50%;max-width:50%}}@media (max-width:576px){.navbar--avant #menu{padding-left:40px;padding-right:40px}.navbar--avant #menu li a{font-size:17px;border-bottom:1px solid rgba(255,255,255,.1)}.rig-column{flex:100%;max-width:100%}}.rig-row{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 4px}.rig-column{-ms-flex:25%;flex:25%;max-width:25%;padding:0 4px}.rig-column img{margin-top:8px;vertical-align:middle;width:100%}@media (max-width:768px){.rig-column{-ms-flex:50%;flex:50%;max-width:50%}}@media (max-width:576px){.rig-column{-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width:768px){.navbar--avant::before{height:50px!important}.rig-h2{font-size:60px}.rig-p{font-size:22px}}:root{--swiper-theme-color:#007aff;--swiper-navigation-size:44px;--youtube-red:#FE0900}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translate3d(0,0,0);z-index:10}.simple-slider .swiper-button-next,.simple-slider .swiper-button-prev{width:50px;margin-left:20px;margin-right:20px}@media (max-width:767px){.article-list h2,.features-boxed h2,.features-clean h2,.photo-gallery h2{margin-bottom:25px;padding-top:25px;font-size:24px}.contact-clean{padding:20px 0}.contact-clean form{padding:30px}.features-clean{padding-bottom:10px}.features-clean .intro{margin-bottom:40px}.footer-dark .item:not(.social){text-align:center;padding-bottom:20px}.footer-dark .item.text{margin-bottom:0}.highlight-phone{text-align:center}.highlight-phone .intro{max-width:none}.rig-h2{font-size:35px}.rig-p{font-size:16px}.simple-slider .swiper-button-next,.simple-slider .swiper-button-prev{display:none}}.bs-icon{--bs-icon-size:.75rem;display:flex;flex-shrink:0;justify-content:center;align-items:center;font-size:var(--bs-icon-size);width:calc(var(--bs-icon-size) * 2);height:calc(var(--bs-icon-size) * 2);color:var(--bs-primary)}.bs-icon-xs{--bs-icon-size:1rem;width:calc(var(--bs-icon-size) * 1.5);height:calc(var(--bs-icon-size) * 1.5)}.bs-icon-sm{--bs-icon-size:1rem}.bs-icon-md{--bs-icon-size:1.5rem}.bs-icon-lg{--bs-icon-size:2rem}.bs-icon-xl{--bs-icon-size:2.5rem}.bs-icon.bs-icon-primary{color:var(--bs-white);background:var(--bs-primary)}.bs-icon.bs-icon-primary-light{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.2)}.bs-icon.bs-icon-semi-white{color:var(--bs-primary);background:rgba(255,255,255,.5)}.bs-icon.bs-icon-rounded{border-radius:.5rem}.bs-icon.bs-icon-circle{border-radius:50%}.navbar.navbar-dark.navbar-expand-md.fixed-top.bg-dark{background-color:#000!important;opacity:.8}.navbar-dark .navbar-nav .nav-link{color:#fff;font-size:13px}body{padding-top:50px;height:100%}.product{padding-top:50px;text-align:center;margin-bottom:10px;padding-left:20px;padding-right:20px}.product h1,.product-small h3{font-size:32px;font-weight:700}.product h2{font-size:21px;font-weight:400}.product .links{font-size:21px;margin-bottom:50px}.product-small .links{font-size:17px;margin-bottom:80px}.product .links .learn-more,.product-small .links .learn-more{margin-right:20px}.product.iphone-x{background-color:#f9f9f9}.product.ipad{background-color:#f4f3f4}.product.macbook-pro{background-color:#131218;padding-bottom:50px}.product-small .links.small-link-margin{margin-bottom:10px}.product-small{height:550px;padding-top:40px;margin:0 0 10px;text-align:center;padding-left:20px;padding-right:20px}.product-small h4{font-size:19px;font-weight:400}.product-small.behind-the-mac.dark{padding-top:420px}.products-grid{padding-right:0}@media (min-width:576px){#heading1{font-size:25px}.product{padding-top:100px;padding-left:0;padding-right:0}.product h1{font-size:56px;font-weight:700}.product h2{font-size:27px;font-weight:400}.product .links{font-size:21px;margin-bottom:80px}.product.macbook-pro{padding-bottom:0}.product-small{margin:0 0 10px 10px;padding-left:0;padding-right:0}.products-grid{padding-right:10px}}.product-small.iphone-8{background-color:#f9f0eb}.product-small.air-pods{background-color:#fafafa}.product-small.apple-watch{background-color:#eee}.product-small h5{color:#ce2626;font-size:16px;font-weight:700}html{box-sizing:border-box;font-family:"YouTube Noto",Roboto,Arial,Helvetica,sans-serif}.container{width:100%;height:100%;justify-content:center;align-items:center}video{max-width:100%;width:100%;height:100%;border-radius:4px}button *{pointer-events:none}svg{width:28px;height:28px;fill:#fff;stroke:#fff;cursor:pointer}.navbar.bg-dark{background-color:#060606!important;border:1px solid #282828}.gradient-text{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#5200ff,#ee0979);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-align:center}.highlight-phone .intro .btn{padding:16px 32px;border:none;background:0 0;box-shadow:none;text-shadow:none;opacity:.9;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:.4px;line-height:1}.highlight-phone .intro .btn-primary{background-color:#055ada;color:#fff}.btn{border-radius:10px}*{box-sizing:border-box}*,::after,::before{box-sizing:inherit;margin:0;padding:0}button{cursor:pointer;position:relative;margin-right:7px;font-size:12px;padding:3px;border:none;outline:0;background-color:transparent}button::before{content:attr(data-title);position:absolute;display:none;right:0;top:-50px;background-color:rgba(0,0,0,.6);color:#fff;font-weight:700;padding:4px 6px;word-break:keep-all;white-space:pre}button:hover::before{display:inline-block}