.button-generator-preview-section{position:sticky;top:100px}.btn-3d-rose:hover{box-shadow:0 3px #ff0a78!important;top:1px!important}.btn-3d-rose:active{box-shadow:0 0 #ff0a78!important;top:5px!important}.btn-3d-blue:hover{box-shadow:0 3px #2c0b8e!important;top:1px!important}.btn-3d-blue:active{box-shadow:0 0 #2c0b8e!important;top:5px!important}.btn-3d-sky:hover{box-shadow:0 3px #43f!important;top:1px!important}.btn-3d-blue:active{box-shadow:0 0 #43f!important;top:5px!important}.btn-3d-red:hover{box-shadow:0 3px #d90429!important;top:1px!important}.btn-3d-blue:active{box-shadow:0 0 #d90429!important;top:5px!important}.btn-3d-green:hover{box-shadow:0 3px #57cc99!important;top:1px!important}.btn-3d-green:active{box-shadow:0 0 #57cc99!important;top:5px!important}.btn-3d-yellow:hover{box-shadow:0 3px #ffd819!important;top:1px!important}.btn-3d-yellow:active{box-shadow:0 0 #ffd819!important;top:5px!important}.btn-3d-sand:hover{box-shadow:0 3px #adb5bd!important;top:1px!important}.btn-3d-sand:active{box-shadow:0 0 #adb5bd!important;top:5px!important}.btn-3d-grey:hover{box-shadow:0 3px #495057!important;top:1px!important}.btn-3d-grey:active{box-shadow:0 0 #495057!important;top:5px!important}.btn-3d-black:hover{box-shadow:0 3px #212529!important;top:1px!important}.btn-3d-black:active{box-shadow:0 0 #212529!important;top:5px!important}.btn-sharp-rose:hover{background:#fff!important;color:#ff0a78!important}.btn-sharp-rose:active{box-shadow:0 0 #ff0a78!important;top:2px!important}.btn-sharp-blue:hover{background:#fff!important;color:#2c0b8e!important}.btn-sharp-blue:active{box-shadow:0 0 #2c0b8e!important;top:2px!important}.btn-sharp-sky:hover{background:#fff!important;color:#3a86ff!important}.btn-sharp-sky:active{box-shadow:0 0 #3a86ff!important;top:2px!important}.btn-sharp-red:hover{background:#fff!important;color:#d90429!important}.btn-sharp-red:active{box-shadow:0 0 #d90429!important;top:2px!important}.btn-sharp-green:hover{background:#fff!important;color:#57cc99!important}.btn-sharp-green:active{box-shadow:0 0 #57cc99!important;top:2px!important}.btn-sharp-yellow:hover{background:#fff!important;color:#ffd819!important}.btn-sharp-yellow:active{box-shadow:0 0 #ffd819!important;top:2px!important}.btn-sharp-sand:hover{background:#fff!important;color:#ced4da!important}.btn-sharp-sand:active{box-shadow:0 0 #ced4da!important;top:2px!important}.btn-sharp-grey:hover{background:#fff!important;color:#6c757d!important}.btn-sharp-grey:active{box-shadow:0 0 #6c757d!important;top:2px!important}.btn-sharp-black:hover{background:#fff!important;color:#212529!important}.btn-sharp-black:active{box-shadow:0 0 #212529!important;top:2px!important}.btn-slide-to-left{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:5px;z-index:0;overflow:hidden}.btn-slide-to-left-blue{background:#fff!important;border:2px solid #2c0b8e;color:#2c0b8e!important}.btn-slide-to-left-blue:hover{color:#fff!important}.btn-slide-to-left-blue:hover:after{width:100%}.btn-slide-to-left-blue:active{top:2px}.btn-slide-to-left-blue:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#2c0b8e}[dir=ltr] .btn-slide-to-left-blue:after{left:0}[dir=rtl] .btn-slide-to-left-blue:after{right:0}.btn-slide-to-left-rose{background:#fff!important;border:2px solid #ff0a78;color:#ff0a78!important}.btn-slide-to-left-rose:hover{color:#fff!important}.btn-slide-to-left-rose:hover:after{width:100%}.btn-slide-to-left-rose:active{top:2px}.btn-slide-to-left-rose:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#ff0a78}[dir=ltr] .btn-slide-to-left-rose:after{left:0}[dir=rtl] .btn-slide-to-left-rose:after{right:0}.btn-slide-to-left-sky{background:#fff!important;border:2px solid #43f;color:#43f!important}.btn-slide-to-left-sky:hover{color:#fff!important}.btn-slide-to-left-sky:hover:after{width:100%}.btn-slide-to-left-sky:active{top:2px}.btn-slide-to-left-sky:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#43f}[dir=ltr] .btn-slide-to-left-sky:after{left:0}[dir=rtl] .btn-slide-to-left-sky:after{right:0}.btn-slide-to-left-red{background:#fff!important;border:2px solid #d90429;color:#d90429!important}.btn-slide-to-left-red:hover{color:#fff!important}.btn-slide-to-left-red:hover:after{width:100%}.btn-slide-to-left-red:active{top:2px}.btn-slide-to-left-red:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#d90429}[dir=ltr] .btn-slide-to-left-red:after{left:0}[dir=rtl] .btn-slide-to-left-red:after{right:0}.btn-slide-to-left-green{background:#fff!important;border:2px solid #57cc99;color:#57cc99!important}.btn-slide-to-left-green:hover{color:#fff!important}.btn-slide-to-left-green:hover:after{width:100%}.btn-slide-to-left-green:active{top:2px}.btn-slide-to-left-green:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#57cc99}[dir=ltr] .btn-slide-to-left-green:after{left:0}[dir=rtl] .btn-slide-to-left-green:after{right:0}.btn-slide-to-left-yellow{background:#fff!important;border:2px solid #ffd819;color:#ffd819!important}.btn-slide-to-left-yellow:hover{color:#fff!important}.btn-slide-to-left-yellow:hover:after{width:100%}.btn-slide-to-left-yellow:active{top:2px}.btn-slide-to-left-yellow:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#ffd819}[dir=ltr] .btn-slide-to-left-yellow:after{left:0}[dir=rtl] .btn-slide-to-left-yellow:after{right:0}.btn-slide-to-left-sand{background:#fff!important;border:2px solid #CED4DA;color:#ced4da!important}.btn-slide-to-left-sand:hover{color:#fff!important}.btn-slide-to-left-sand:hover:after{width:100%}.btn-slide-to-left-sand:active{top:2px}.btn-slide-to-left-sand:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#ced4da}[dir=ltr] .btn-slide-to-left-sand:after{left:0}[dir=rtl] .btn-slide-to-left-sand:after{right:0}.btn-slide-to-left-grey{background:#fff!important;border:2px solid #6C757D;color:#6c757d!important}.btn-slide-to-left-grey:hover{color:#fff!important}.btn-slide-to-left-grey:hover:after{width:100%}.btn-slide-to-left-grey:active{top:2px}.btn-slide-to-left-grey:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#6c757d}[dir=ltr] .btn-slide-to-left-grey:after{left:0}[dir=rtl] .btn-slide-to-left-grey:after{right:0}.btn-slide-to-left-black{background:#fff!important;border:2px solid #343A40;color:#343a40!important}.btn-slide-to-left-black:hover{color:#fff!important}.btn-slide-to-left-black:hover:after{width:100%}.btn-slide-to-left-black:active{top:2px}.btn-slide-to-left-black:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#343a40}[dir=ltr] .btn-slide-to-left-black:after{left:0}[dir=rtl] .btn-slide-to-left-black:after{right:0}.btn-slide-to-right{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:5px;z-index:0;overflow:hidden}.btn-slide-to-right-blue{background:#fff!important;border:2px solid #2c0b8e;color:#2c0b8e!important}.btn-slide-to-right-blue:hover{color:#fff!important}.btn-slide-to-right-blue:hover:after{width:100%}.btn-slide-to-right-blue:active{top:2px}.btn-slide-to-right-blue:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#2c0b8e}[dir=ltr] .btn-slide-to-right-blue:after{right:0}[dir=rtl] .btn-slide-to-right-blue:after{left:0}.btn-slide-to-right-rose{background:#fff!important;border:2px solid #ff0a78;color:#ff0a78!important}.btn-slide-to-right-rose:hover{color:#fff!important}.btn-slide-to-right-rose:hover:after{width:100%}.btn-slide-to-right-rose:active{top:2px}.btn-slide-to-right-rose:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#ff0a78}[dir=ltr] .btn-slide-to-right-rose:after{right:0}[dir=rtl] .btn-slide-to-right-rose:after{left:0}.btn-slide-to-right-sky{background:#fff!important;border:2px solid #43f;color:#43f!important}.btn-slide-to-right-sky:hover{color:#fff!important}.btn-slide-to-right-sky:hover:after{width:100%}.btn-slide-to-right-sky:active{top:2px}.btn-slide-to-right-sky:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#43f}[dir=ltr] .btn-slide-to-right-sky:after{right:0}[dir=rtl] .btn-slide-to-right-sky:after{left:0}.btn-slide-to-right-red{background:#fff!important;border:2px solid #d90429;color:#d90429!important}.btn-slide-to-right-red:hover{color:#fff!important}.btn-slide-to-right-red:hover:after{width:100%}.btn-slide-to-right-red:active{top:2px}.btn-slide-to-right-red:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#d90429}[dir=ltr] .btn-slide-to-right-red:after{right:0}[dir=rtl] .btn-slide-to-right-red:after{left:0}.btn-slide-to-right-green{background:#fff!important;border:2px solid #57cc99;color:#57cc99!important}.btn-slide-to-right-green:hover{color:#fff!important}.btn-slide-to-right-green:hover:after{width:100%}.btn-slide-to-right-green:active{top:2px}.btn-slide-to-right-green:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#57cc99}[dir=ltr] .btn-slide-to-right-green:after{right:0}[dir=rtl] .btn-slide-to-right-green:after{left:0}.btn-slide-to-right-yellow{background:#fff!important;border:2px solid #ffd819;color:#ffd819!important}.btn-slide-to-right-yellow:hover{color:#fff!important}.btn-slide-to-right-yellow:hover:after{width:100%}.btn-slide-to-right-yellow:active{top:2px}.btn-slide-to-right-yellow:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#ffd819}[dir=ltr] .btn-slide-to-right-yellow:after{right:0}[dir=rtl] .btn-slide-to-right-yellow:after{left:0}.btn-slide-to-right-sand{background:#fff!important;border:2px solid #CED4DA;color:#ced4da!important}.btn-slide-to-right-sand:hover{color:#fff!important}.btn-slide-to-right-sand:hover:after{width:100%}.btn-slide-to-right-sand:active{top:2px}.btn-slide-to-right-sand:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#ced4da}[dir=ltr] .btn-slide-to-right-sand:after{right:0}[dir=rtl] .btn-slide-to-right-sand:after{left:0}.btn-slide-to-right-grey{background:#fff!important;border:2px solid #6C757D;color:#6c757d!important}.btn-slide-to-right-grey:hover{color:#fff!important}.btn-slide-to-right-grey:hover:after{width:100%}.btn-slide-to-right-grey:active{top:2px}.btn-slide-to-right-grey:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#6c757d}[dir=ltr] .btn-slide-to-right-grey:after{right:0}[dir=rtl] .btn-slide-to-right-grey:after{left:0}.btn-slide-to-right-black{background:#fff!important;border:2px solid #343A40;color:#343a40!important}.btn-slide-to-right-black:hover{color:#fff!important}.btn-slide-to-right-black:hover:after{width:100%}.btn-slide-to-right-black:active{top:2px}.btn-slide-to-right-black:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;width:0;height:100%;background:#343a40}[dir=ltr] .btn-slide-to-right-black:after{right:0}[dir=rtl] .btn-slide-to-right-black:after{left:0}.btn-slide-to-bottom{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:5px;z-index:0;background:#fff;overflow:hidden;border:2px solid #ff0a78}.btn-slide-to-bottom-blue{background:#fff!important;border:2px solid #2c0b8e;color:#2c0b8e!important}.btn-slide-to-bottom-blue:hover{color:#fff!important}.btn-slide-to-bottom-blue:hover:after{height:100%}.btn-slide-to-bottom-blue:active{top:2px}.btn-slide-to-bottom-blue:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#2c0b8e}[dir=ltr] .btn-slide-to-bottom-blue:after{left:0}[dir=rtl] .btn-slide-to-bottom-blue:after{right:0}.btn-slide-to-bottom-rose{background:#fff!important;border:2px solid #ff0a78;color:#ff0a78!important}.btn-slide-to-bottom-rose:hover{color:#fff!important}.btn-slide-to-bottom-rose:hover:after{height:100%}.btn-slide-to-bottom-rose:active{top:2px}.btn-slide-to-bottom-rose:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#ff0a78}[dir=ltr] .btn-slide-to-bottom-rose:after{left:0}[dir=rtl] .btn-slide-to-bottom-rose:after{right:0}.btn-slide-to-bottom-sky{background:#fff!important;border:2px solid #43f;color:#43f!important}.btn-slide-to-bottom-sky:hover{color:#fff!important}.btn-slide-to-bottom-sky:hover:after{height:100%}.btn-slide-to-bottom-sky:active{top:2px}.btn-slide-to-bottom-sky:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#43f}[dir=ltr] .btn-slide-to-bottom-sky:after{left:0}[dir=rtl] .btn-slide-to-bottom-sky:after{right:0}.btn-slide-to-bottom-red{background:#fff!important;border:2px solid #d90429;color:#d90429!important}.btn-slide-to-bottom-red:hover{color:#fff!important}.btn-slide-to-bottom-red:hover:after{height:100%}.btn-slide-to-bottom-red:active{top:2px}.btn-slide-to-bottom-red:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#d90429}[dir=ltr] .btn-slide-to-bottom-red:after{left:0}[dir=rtl] .btn-slide-to-bottom-red:after{right:0}.btn-slide-to-bottom-green{background:#fff!important;border:2px solid #57cc99;color:#57cc99!important}.btn-slide-to-bottom-green:hover{color:#fff!important}.btn-slide-to-bottom-green:hover:after{height:100%}.btn-slide-to-bottom-green:active{top:2px}.btn-slide-to-bottom-green:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#57cc99}[dir=ltr] .btn-slide-to-bottom-green:after{left:0}[dir=rtl] .btn-slide-to-bottom-green:after{right:0}.btn-slide-to-bottom-yellow{background:#fff!important;border:2px solid #ffd819;color:#ffd819!important}.btn-slide-to-bottom-yellow:hover{color:#fff!important}.btn-slide-to-bottom-yellow:hover:after{height:100%}.btn-slide-to-bottom-yellow:active{top:2px}.btn-slide-to-bottom-yellow:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#ffd819}[dir=ltr] .btn-slide-to-bottom-yellow:after{left:0}[dir=rtl] .btn-slide-to-bottom-yellow:after{right:0}.btn-slide-to-bottom-sand{background:#fff!important;border:2px solid #ced4da;color:#ced4da!important}.btn-slide-to-bottom-sand:hover{color:#fff!important}.btn-slide-to-bottom-sand:hover:after{height:100%}.btn-slide-to-bottom-sand:active{top:2px}.btn-slide-to-bottom-sand:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#ced4da}[dir=ltr] .btn-slide-to-bottom-sand:after{left:0}[dir=rtl] .btn-slide-to-bottom-sand:after{right:0}.btn-slide-to-bottom-grey{background:#fff!important;border:2px solid #6c757d;color:#6c757d!important}.btn-slide-to-bottom-grey:hover{color:#fff!important}.btn-slide-to-bottom-grey:hover:after{height:100%}.btn-slide-to-bottom-grey:active{top:2px}.btn-slide-to-bottom-grey:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#6c757d}[dir=ltr] .btn-slide-to-bottom-grey:after{left:0}[dir=rtl] .btn-slide-to-bottom-grey:after{right:0}.btn-slide-to-bottom-black{background:#fff!important;border:2px solid #343a40;color:#343a40!important}.btn-slide-to-bottom-black:hover{color:#fff!important}.btn-slide-to-bottom-black:hover:after{height:100%}.btn-slide-to-bottom-black:active{top:2px}.btn-slide-to-bottom-black:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;top:0;height:0;width:100%;background:#343a40}[dir=ltr] .btn-slide-to-bottom-black:after{left:0}[dir=rtl] .btn-slide-to-bottom-black:after{right:0}.btn-slide-to-top{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:5px;z-index:0;background:#fff;overflow:hidden;border:2px solid #ff0a78}.btn-slide-to-top-blue{background:#fff!important;border:2px solid #2c0b8e;color:#2c0b8e!important}.btn-slide-to-top-blue:hover{color:#fff!important}.btn-slide-to-top-blue:hover:after{height:100%}.btn-slide-to-top-blue:active{top:2px}.btn-slide-to-top-blue:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#2c0b8e}[dir=ltr] .btn-slide-to-top-blue:after{left:0}[dir=rtl] .btn-slide-to-top-blue:after{right:0}.btn-slide-to-top-rose{background:#fff!important;border:2px solid #ff0a78;color:#ff0a78!important}.btn-slide-to-top-rose:hover{color:#fff!important}.btn-slide-to-top-rose:hover:after{height:100%}.btn-slide-to-top-rose:active{top:2px}.btn-slide-to-top-rose:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#ff0a78}[dir=ltr] .btn-slide-to-top-rose:after{left:0}[dir=rtl] .btn-slide-to-top-rose:after{right:0}.btn-slide-to-top-sky{background:#fff!important;border:2px solid #43f;color:#43f!important}.btn-slide-to-top-sky:hover{color:#fff!important}.btn-slide-to-top-sky:hover:after{height:100%}.btn-slide-to-top-sky:active{top:2px}.btn-slide-to-top-sky:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#43f}[dir=ltr] .btn-slide-to-top-sky:after{left:0}[dir=rtl] .btn-slide-to-top-sky:after{right:0}.btn-slide-to-top-red{background:#fff!important;border:2px solid #d90429;color:#d90429!important}.btn-slide-to-top-red:hover{color:#fff!important}.btn-slide-to-top-red:hover:after{height:100%}.btn-slide-to-top-red:active{top:2px}.btn-slide-to-top-red:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#d90429}[dir=ltr] .btn-slide-to-top-red:after{left:0}[dir=rtl] .btn-slide-to-top-red:after{right:0}.btn-slide-to-top-green{background:#fff!important;border:2px solid #57cc99;color:#57cc99!important}.btn-slide-to-top-green:hover{color:#fff!important}.btn-slide-to-top-green:hover:after{height:100%}.btn-slide-to-top-green:active{top:2px}.btn-slide-to-top-green:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#57cc99}[dir=ltr] .btn-slide-to-top-green:after{left:0}[dir=rtl] .btn-slide-to-top-green:after{right:0}.btn-slide-to-top-yellow{background:#fff!important;border:2px solid #ffd819;color:#ffd819!important}.btn-slide-to-top-yellow:hover{color:#fff!important}.btn-slide-to-top-yellow:hover:after{height:100%}.btn-slide-to-top-yellow:active{top:2px}.btn-slide-to-top-yellow:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#ffd819}[dir=ltr] .btn-slide-to-top-yellow:after{left:0}[dir=rtl] .btn-slide-to-top-yellow:after{right:0}.btn-slide-to-top-sand{background:#fff!important;border:2px solid #ced4da;color:#ced4da!important}.btn-slide-to-top-sand:hover{color:#fff!important}.btn-slide-to-top-sand:hover:after{height:100%}.btn-slide-to-top-sand:active{top:2px}.btn-slide-to-top-sand:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#ced4da}[dir=ltr] .btn-slide-to-top-sand:after{left:0}[dir=rtl] .btn-slide-to-top-sand:after{right:0}.btn-slide-to-top-grey{background:#fff!important;border:2px solid #6c757d;color:#6c757d!important}.btn-slide-to-top-grey:hover{color:#fff!important}.btn-slide-to-top-grey:hover:after{height:100%}.btn-slide-to-top-grey:active{top:2px}.btn-slide-to-top-grey:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#6c757d}[dir=ltr] .btn-slide-to-top-grey:after{left:0}[dir=rtl] .btn-slide-to-top-grey:after{right:0}.btn-slide-to-top-black{background:#fff!important;border:2px solid #343a40;color:#343a40!important}.btn-slide-to-top-black:hover{color:#fff!important}.btn-slide-to-top-black:hover:after{height:100%}.btn-slide-to-top-black:active{top:2px}.btn-slide-to-top-black:after{content:"";position:absolute;z-index:-1;transition:all .3s ease;bottom:0;height:0;width:100%;background:#343a40}[dir=ltr] .btn-slide-to-top-black:after{left:0}[dir=rtl] .btn-slide-to-top-black:after{right:0}.btn-neumorphic{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border-radius:5px;background:#efefef!important;overflow:hidden;border:none;color:#585858!important}[dir=ltr] .btn-neumorphic{box-shadow:2px 2px 4px #c8d0e7,-1px -1px 3px #fff!important}[dir=rtl] .btn-neumorphic{box-shadow:-2px 2px 4px #c8d0e7,1px -1px 3px #fff!important}[dir=ltr] .btn-neumorphic:active{box-shadow:inset 1px 1px 3px #c8d0e7,inset -1px -1px 3px #fff!important}[dir=rtl] .btn-neumorphic:active{box-shadow:inset -1px 1px 3px #c8d0e7,inset 1px -1px 3px #fff!important}.btn-retro-rose{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#000!important;background:transparent;z-index:0}.btn-retro-rose:active{top:2px}.btn-retro-rose:hover:after{top:0}[dir=ltr] .btn-retro-rose:hover:after{left:0}[dir=rtl] .btn-retro-rose:hover:after{right:0}.btn-retro-rose:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#ff6392}[dir=ltr] .btn-retro-rose:after{left:5px}[dir=rtl] .btn-retro-rose:after{right:5px}.btn-retro-blue{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#fff!important;background:transparent;z-index:0}.btn-retro-blue:active{top:2px}.btn-retro-blue:hover:after{top:0}[dir=ltr] .btn-retro-blue:hover:after{left:0}[dir=rtl] .btn-retro-blue:hover:after{right:0}.btn-retro-blue:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#3d348b}[dir=ltr] .btn-retro-blue:after{left:5px}[dir=rtl] .btn-retro-blue:after{right:5px}.btn-retro-sky{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#000!important;background:transparent;z-index:0}.btn-retro-sky:active{top:2px}.btn-retro-sky:hover:after{top:0}[dir=ltr] .btn-retro-sky:hover:after{left:0}[dir=rtl] .btn-retro-sky:hover:after{right:0}.btn-retro-sky:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#3a86ff}[dir=ltr] .btn-retro-sky:after{left:5px}[dir=rtl] .btn-retro-sky:after{right:5px}.btn-retro-red{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#000!important;background:transparent;z-index:0}.btn-retro-red:active{top:2px}.btn-retro-red:hover:after{top:0}[dir=ltr] .btn-retro-red:hover:after{left:0}[dir=rtl] .btn-retro-red:hover:after{right:0}.btn-retro-red:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#ef233c}[dir=ltr] .btn-retro-red:after{left:5px}[dir=rtl] .btn-retro-red:after{right:5px}.btn-retro-green{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#000!important;background:transparent;z-index:0}.btn-retro-green:active{top:2px}.btn-retro-green:hover:after{top:0}[dir=ltr] .btn-retro-green:hover:after{left:0}[dir=rtl] .btn-retro-green:hover:after{right:0}.btn-retro-green:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#80ed99}[dir=ltr] .btn-retro-green:after{left:5px}[dir=rtl] .btn-retro-green:after{right:5px}.btn-retro-yellow{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#000!important;background:transparent;z-index:0}.btn-retro-yellow:active{top:2px}.btn-retro-yellow:hover:after{top:0}[dir=ltr] .btn-retro-yellow:hover:after{left:0}[dir=rtl] .btn-retro-yellow:hover:after{right:0}.btn-retro-yellow:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#ffe566}[dir=ltr] .btn-retro-yellow:after{left:5px}[dir=rtl] .btn-retro-yellow:after{right:5px}.btn-retro-stone{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#000!important;background:transparent;z-index:0}.btn-retro-stone:active{top:2px}.btn-retro-stone:hover:after{top:0}[dir=ltr] .btn-retro-stone:hover:after{left:0}[dir=rtl] .btn-retro-stone:hover:after{right:0}.btn-retro-stone:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#ced4da}[dir=ltr] .btn-retro-stone:after{left:5px}[dir=rtl] .btn-retro-stone:after{right:5px}.btn-retro-grey{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#000!important;background:transparent;z-index:0}.btn-retro-grey:active{top:2px}.btn-retro-grey:hover:after{top:0}[dir=ltr] .btn-retro-grey:hover:after{left:0}[dir=rtl] .btn-retro-grey:hover:after{right:0}.btn-retro-grey:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#6c757d}[dir=ltr] .btn-retro-grey:after{left:5px}[dir=rtl] .btn-retro-grey:after{right:5px}.btn-retro-black{min-width:130px;height:40px;padding:5px 10px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;border:1px solid #000;color:#fff!important;background:transparent;z-index:0}.btn-retro-black:active{top:2px}.btn-retro-black:hover:after{top:0}[dir=ltr] .btn-retro-black:hover:after{left:0}[dir=rtl] .btn-retro-black:hover:after{right:0}.btn-retro-black:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:5px;transition:.2s;background-color:#343a40}[dir=ltr] .btn-retro-black:after{left:5px}[dir=rtl] .btn-retro-black:after{right:5px}