.zend_hidden
{
	display: none !important;
}

.zend_pre_order_btn
{
	padding: 5px;
}

.zend_default_buttons
{
	display: block !important;	
}

.zend_po_btn
{
	width: 100% !important;
}

/* START TOOLTIP STYLES */
.zend_po_btn [tooltip]
{
	position: relative;
}

.zend_po_btn [tooltip]::before,
.zend_po_btn [tooltip]::after
{
	line-height: 1;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
}
.zend_po_btn [tooltip]::before
{
	content: '';
	border: 5px solid transparent; 
	z-index: 1001; 
}
.zend_po_btn [tooltip]::after
{
	content: attr(tooltip); 
	font-family: Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	min-width: 3em;
	max-width: 23em;
	padding: 1ch 1.5ch;
	border-radius: .3ch;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: #333;
	color: #fff;
	z-index: 1000;
}

.zend_po_btn [tooltip]:hover::before,
.zend_po_btn [tooltip]:hover::after
{
	display: block;
}

.zend_po_btn [tooltip='']::before,
.zend_po_btn [tooltip='']::after
{
	display: none !important;
}

.zend_po_btn [tooltip]:not([flow])::before,
.zend_po_btn [tooltip][flow^="up"]::before
{
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
}
.zend_po_btn [tooltip]:not([flow])::after,
.zend_po_btn [tooltip][flow^="up"]::after
{
	bottom: calc(100% + 5px);
}
.zend_po_btn [tooltip]:not([flow])::before,
.zend_po_btn [tooltip]:not([flow])::after,
.zend_po_btn [tooltip][flow^="up"]::before,
.zend_po_btn [tooltip][flow^="up"]::after
{
	left: 50%;
	transform: translate(-50%, -.5em);
}

@keyframes tooltips-vert
{
	to
	{
		opacity: .9;
		transform: translate(-50%, 0);
	}
}

@keyframes tooltips-horz
{
	to
	{
		opacity: .9;
		transform: translate(0, -50%);
	}
}

.zend_po_btn [tooltip]:not([flow]):hover::before,
.zend_po_btn [tooltip]:not([flow]):hover::after,
.zend_po_btn [tooltip][flow^="up"]:hover::before,
.zend_po_btn [tooltip][flow^="up"]:hover::after
{
	animation: tooltips-vert 300ms ease-out forwards;
}

/* Pre-Order Label */

.zend_ribbon_circle{
  position:absolute;
  left:5%;
  top:5%;
  width:80px;
  height:80px;
  border-radius:50%;
  vertical-align: middle;
  background-color:#e91e63;
  color:#fff;
  text-align:center;
  line-height:70px;
  border: 1px dashed;
  box-shadow: 0 0 0 3px #e91e63, 0px 21px 5px -18px rgba(0,0,0,0.6);
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}