.theme-btn{display:inline-flex;gap:8px;justify-content:center;text-align:center;white-space:nowrap;transition:all .3s ease}.theme-btn .btn-title{position:relative;display:flex;align-items:center}.btn-style5{position:relative;font-size:14px;font-weight:600;border-radius:60px;padding:7px 7px 7px 31px;color:var(--theme-color1-text-color);border:1px solid transparent;background-color:var(--theme-color1);text-transform:capitalize;overflow:hidden;z-index:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-style5:hover{color:#fff;border:1px solid rgba(248,248,248,.2);background:rgba(248,248,248,.2)}.btn-style5:hover:focus,.btn-style5:hover:active{color:#fff}.btn-style5:hover .dot-box{background:var(--theme-color1)}.btn-style5:hover .dot-box .dot-item{left:calc(50% - 7px);top:calc(50% - 2.5px);background:#333}.btn-style5:hover .dot-box .dot-item:before{left:7px;top:7px;background:#333}.btn-style5:hover .dot-box .dot-item:after{left:7px;bottom:7px;background:#333}.btn-style5:hover:before{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.btn-style5:focus,.btn-style5:active{color:var(--theme-color1-text-color)}.btn-style5 .dot-box{background-color:var(--theme-color-gray);color:#fff;border-radius:50%;font-size:12px;height:40px;line-height:40px;margin-left:12px;text-align:center;position:relative;width:40px;-webkit-transition:all .3s ease;transition:all .3s ease}.btn-style5 .dot-box .dot-item{background-color:#fff;border-radius:50%;height:5px;width:5px;display:inline-block;position:absolute;left:calc(50% + 3px);top:calc(50% - 2.5px);-webkit-transition:all .3s ease;transition:all .3s ease}.btn-style5 .dot-box .dot-item:before{background-color:#fff;border-radius:50%;content:"";position:absolute;left:-7px;top:-7px;height:5px;width:5px;-webkit-transition:all .3s ease;transition:all .3s ease}.btn-style5 .dot-box .dot-item:after{background-color:#fff;border-radius:50%;content:"";position:absolute;left:-7px;bottom:-7px;height:5px;width:5px;-webkit-transition:all .3s ease;transition:all .3s ease}.btn-style5:before{position:absolute;left:0;top:0;width:101%;height:100%;content:"";border-radius:0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:top right;transform-origin:top right;background-color:var(--theme-color2);transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1);transition:transform .5s cubic-bezier(.86,0,.07,1);transition:transform .5s cubic-bezier(.86,0,.07,1),-webkit-transform .5s cubic-bezier(.86,0,.07,1);-webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);transition-timing-function:cubic-bezier(.86,0,.07,1);z-index:-1}