.themedev-button-area { margin: 0; padding: 0; }

.themedev-button-area *, .themedev-button-area ::after, .themedev-button-area ::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.themedev-button-area a { -webkit-box-shadow: none; box-shadow: none; text-decoration: none; }

.themedev-button-area a:active, .themedev-button-area a:hover, .themedev-button-area a:focus, .themedev-button-area a:visited { outline: none; text-decoration: none; }

.themedev-button-area .nxadd-btn { border-radius: 0px; position: relative; font-size: 14px; padding: 15px 30px; display: inline-block; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-weight: 700; text-decoration: none; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; vertical-align: middle; text-align: center; line-height: 1; }

.themedev-button-area .nxadd-btn .nextaddons-icon { margin: 0 5px; font-size: 14px; }

.themedev-button-area .nxadd-single-btn .nxadd-btn { position: relative; display: inline-block; vertical-align: middle; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-primary { color: #fff; background-color: #009d97; border-color: #009d97; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-primary:hover { color: #fff; background-color: #0a7d79; border-color: #0a7d79; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-outline-primary { color: #009d97; background-color: #ffffff; border-color: #009d97; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-outline-primary:hover { color: #fff; background-color: #0a7d79; border-color: #0a7d79; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nxadd-round { border-radius: 25px; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.right-icon .nextaddons-icon { padding-left: 10px; line-height: inherit; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-info { color: #fff; background-color: #009d97; border-color: #009d97; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-outline-info { border-color: #ff1155; background-color: #FFFFFF; color: #000000; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.gradient, .themedev-button-area .nxadd-single-btn .nxadd-btn.gradient-border { background: #fad470; background: -webkit-gradient(linear, left top, right top, from(#fad470), to(#f96933)); background: -webkit-linear-gradient(left, #fad470 0%, #f96933 100%); background: -o-linear-gradient(left, #fad470 0%, #f96933 100%); background: linear-gradient(90deg, #fad470 0%, #f96933 100%); }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-gra, .themedev-button-area .nxadd-single-btn .nxadd-btn.gradient-border { position: relative; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 1; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-gra:before, .themedev-button-area .nxadd-single-btn .nxadd-btn.gradient-border:before { position: absolute; content: ''; border-radius: inherit; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: -1; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.gradient:before { background: #fad470; background: -webkit-gradient(linear, right top, left top, from(#fad470), to(#f96933)); background: -webkit-linear-gradient(right, #fad470 0%, #f96933 100%); background: -o-linear-gradient(right, #fad470 0%, #f96933 100%); background: linear-gradient(-90deg, #fad470 0%, #f96933 100%); }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-gra:before { top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-size: 101% 101%; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.nx-btn-gra:hover:before { opacity: 1; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.gradient-border { background-size: 101% 101%; border: 0px; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.gradient-border:before { top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #FFF; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.gradient-border:hover:before { opacity: 0; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.gradient2 { position: relative; background: #ff7417; background: -webkit-gradient(linear, left top, right top, from(#ff7417), to(#fe4445)); background: -webkit-linear-gradient(left, #ff7417 0%, #fe4445 100%); background: -o-linear-gradient(left, #ff7417 0%, #fe4445 100%); background: linear-gradient(90deg, #ff7417 0%, #fe4445 100%); }

.themedev-button-area .nxadd-single-btn .nxadd-btn.on-hover:before, .themedev-button-area .nxadd-single-btn .nxadd-btn.on-hover:after { content: ''; position: absolute; top: -7px; left: -7px; background: #000; -webkit-transition: all .15s ease-out .15s; -o-transition: all .15s ease-out .15s; transition: all .15s ease-out .15s; -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.on-hover:before { height: 7px; width: 100%; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.on-hover:after { height: 100%; width: 7px; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.on-hover:hover { background-color: #000; color: #ffffff; }

.themedev-button-area .nxadd-single-btn .nxadd-btn.on-hover:hover:before, .themedev-button-area .nxadd-single-btn .nxadd-btn.on-hover:hover:after { top: 0px; left: 0px; }