.bubbleeffectbtn{min-width:130px;height:40px;color:#fff;transition:all .3s ease;position:relative;outline:none;display:flex;justify-content:center;align-items:center;border-radius:25px;border:none;background:linear-gradient(135deg,#363636,#3a3a3a);z-index:1;overflow:hidden}.bubbleeffectbtn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,255,255,.05),rgba(255,255,255,0));transform:rotate(45deg);transition:all .5s ease;z-index:-1}.bubbleeffectbtn:hover:before{top:-100%;left:-100%}.bubbleeffectbtn:after{border-radius:25px;position:absolute;content:"";width:0;height:100%;top:0;z-index:-1;box-shadow:inset 2px 2px 5px rgba(255,255,255,.1),4px 4px 20px rgba(0,0,0,.4);transition:all .3s ease;background:linear-gradient(135deg,#2b2b2b,#1a1a1a);right:0}.bubbleeffectbtn:hover:after{width:100%;left:0}.bubbleeffectbtn:active{top:2px;background:linear-gradient(135deg,#2d2d2d,#101010)}.bubbleeffectbtn span{position:relative;z-index:2}