.iotDevices[data-v-2ded6130]{height:190px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.iotDevices .list[data-v-2ded6130]{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:20px;grid-row-gap:20px}.iotDevices .list .single[data-v-2ded6130]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn[data-v-2ded6130]{position:relative;width:225px;height:70px}.btn dl[data-v-2ded6130]{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,100%,.05);-webkit-box-shadow:0 15px 35px rgba(0,0,0,.2);box-shadow:0 15px 35px rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:#fff;z-index:1;font-weight:400;letter-spacing:1px;text-decoration:none;overflow:hidden;-webkit-transition:.5s;transition:.5s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer}.btn dl dt[data-v-2ded6130]{width:64px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.btn dl dt .icon[data-v-2ded6130],.btn dl dt[data-v-2ded6130]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn dl dt .icon img[data-v-2ded6130]{width:38px;background:#042d55;border:1px solid #4592d5;padding:6px;border-radius:50%}.btn dl dd[data-v-2ded6130]{padding-right:20px;text-align:right}.btn dl dd .name[data-v-2ded6130]{font-size:18px;font-weight:700;color:#d9eaf5}.btn dl dd .num[data-v-2ded6130]{font-size:20px;font-family:barakat;font-weight:700;font-style:italic;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff18b),to(#b97e51));background-image:linear-gradient(180deg,#fff18b,#b97e51);background-clip:text;-webkit-background-clip:text;color:transparent}.btn dl[data-v-2ded6130]:before{content:"";position:absolute;top:0;left:0;width:38%;height:100%;background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.15)),to(transparent));background:linear-gradient(270deg,hsla(0,0%,100%,.15),transparent);-webkit-transform:skewX(45deg) translateX(0);transform:skewX(45deg) translateX(0);-webkit-transition:.5s;transition:.5s}.btn.active dl[data-v-2ded6130]:before,.btn:hover dl[data-v-2ded6130]:before{-webkit-transform:skewX(45deg) translateX(200%);transform:skewX(45deg) translateX(200%)}.btn[data-v-2ded6130]:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;width:30px;height:10px;background:#4592d5;border-radius:10px;-webkit-transition:.5s;transition:.5s;-webkit-transition-delay:0s;transition-delay:0s}.btn.active[data-v-2ded6130]:before,.btn[data-v-2ded6130]:hover:before{bottom:0;height:50%;width:80%;border-radius:30px;-webkit-transition-delay:.5s;transition-delay:.5s}.btn[data-v-2ded6130]:after{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-5px;width:30px;height:10px;background:#073a6f;border-radius:10px;-webkit-transition:.5s;transition:.5s;-webkit-transition-delay:0s;transition-delay:0s}.btn.active[data-v-2ded6130]:after,.btn[data-v-2ded6130]:hover:after{top:0;height:50%;width:80%;border-radius:30px;-webkit-transition-delay:.5s;transition-delay:.5s}.btn[data-v-2ded6130]:after,.btn[data-v-2ded6130]:before{-webkit-box-shadow:0 0 5px #1c5ed5,0 0 15px #1c5ed5,0 0 30px #1c5ed5,0 0 60px #1c5ed5;box-shadow:0 0 5px #1c5ed5,0 0 15px #1c5ed5,0 0 30px #1c5ed5,0 0 60px #1c5ed5}