/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 25 2025 | 01:49:11 */
/* PUSH BUTTON 2 ----- */
.pricing-tab-section ,
.hm2-pricing-tab,
.hero-btns,
.pricing_sec,
.host-web-price-item,
.footer-widget {
	.template-btn, .pricing_btn__ {
		color: #000 !important;
		position: relative;
		overflow: hidden !important;

		background: none !important;
		background-image: none !important;
		 background-color: #f9bc01 !important;
		  border: none;
		  border-radius: 100px;
		  box-shadow: 0 4px 0 rgba(0,0,0,0.25),
				  0 4px 0 #a57c01,
				  0 4px 6px rgba(0,0,0,0.45);
		   &:hover {
			   box-shadow: 0 1px 2px rgba(0,0,0,0.45);
			   transform: translateY(4px);
			   background-color: #f9bc01 !important;
			   background-image: none !important;

		}
		&:active {
		  background-color: #d14141;
		}
        &:before {
		  content: "";
		  position: absolute;
			width: 25px;
			height: 25px;
			background-image: url('https://new.ninjaweb.com.au/wp-content/uploads/2025/03/Nstar.png');
			background-size: contain;
			background-position: center center;
		  top: 100% !important;
			left: unset !important;
			bottom: unset !important;
		  right: 120% !important;
		  transition: all .6s cubic-bezier(.61,.25,.74,.44);
		  z-index: 0;
		}
 		&:hover:before {
			left: unset !important;
			bottom: unset !important;
		  right: 2px !important;
			top: -5px !important;
			transform: rotate(1000deg);
		}
		&:active:before{
			transform: rotate(2000deg);
		}
	}
}


.footer-widget .template-btn {
	padding: 8px 25px;
	top: 10px !important;
}



.header-nav .header-right {
	.template-btn {
		margin-top: -4px;
		color: #000 !important;
		position: relative;
		overflow: hidden !important;

		background: none !important;
		background-image: none !important;
		 background-color: #f9bc01 !important;
		  border: none;
		padding: 8px 25px;
		  border-radius: 100px;
		  box-shadow: 0 4px 0 rgba(0,0,0,0.25),
				  0 4px 0 #a57c01,
				  0 4px 6px rgba(0,0,0,0.45);
		   &:hover {
			   box-shadow: 0 1px 2px rgba(0,0,0,0.45);
			   transform: translateY(4px);
			   background-color: #f9bc01 !important;
			   background-image: none !important;

		}
		&:active {
		  background-color: #d14141;
		}
        &:before {
		  content: "";
		  position: absolute;
			width: 25px;
			height: 25px;
			background-image: url('https://new.ninjaweb.com.au/wp-content/uploads/2025/03/Nstar.png');
			background-size: contain;
			background-position: center center;
		  top: 100% !important;
			left: unset !important;
			bottom: unset !important;
		  right: 120% !important;
		  transition: all .6s cubic-bezier(.61,.25,.74,.44);
		  z-index: 0;
		}
 		&:hover:before {
			left: unset !important;
			bottom: unset !important;
		  right: 2px !important;
			top: -5px !important;
			transform: rotate(1000deg);
		}
		&:active:before{
			transform: rotate(2000deg);
		}
	}
}