/*
XET CSS v2.0.4 2024-08-02 for supported in all modern browsers
By xetemplate(https://xetemplate.com)
*/
.xet-layout-quickbutton {
  z-index: 88;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
	border-radius: 1rem 1rem 0 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
	background-color: #fff;
}
.xet-layout-quickbutton>.title {
	display: none;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	background-color: var(--xet-theme-color);	
}
.xet-layout-quickbutton>.quickbuttons {
	display: flex;
  gap: 1rem;
}
.xet-layout-quickbutton>.quickbuttons >li {
	flex: 1;
	text-align: center;
}
.xet-layout-quickbutton a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
 padding: 0 0 6px 0;
  font-size: 14px;
}
.xet-layout-quickbutton a i {
  font-size: 1.25rem;
}
.xet-layout-quickbutton a > span {
	display: flex;
	align-items: center;
	justify-content: center;
  width: 3rem;
  height: 3rem;
	border-radius: 50%;
	outline: 4px solid transparent;
	transition: var(--xet-theme-transition-all);
}
.xet-layout-quickbutton a:hover > span {
	transform: translateY(-10px);
	color: #fff;
	outline-color: #fff;
	background-color: var(--xet-theme-color);	
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}
.xet-layout-quickbutton a:hover > span i {
	font-size: 1.5rem;
}
.xet-layout-quickbutton a:hover {
	color: var(--xet-theme-color);
}
/*
.xet-layout-quickbutton.main {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50%);
}
.xet-layout-quickbutton.is-scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: var(--xet-theme-transition-all);
}
*/
.xet-layout-quickbutton.is-scroll a:nth-child(2) {
  transition-delay: 0.1s;
}
.xet-layout-quickbutton.is-scroll a:nth-child(3) {
  transition-delay: 0.2s;
}

body.app-style .xet-layout-quickbutton {
  bottom: 9rem;
}

@media (min-width: 992px) {
  body.app-style .xet-layout-quickbutton {
    bottom: 5rem;
  }
  .xet-layout-quickbutton {
  bottom: 6rem;
  left: auto;
  right: 2rem;
	border-radius: 3rem;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
	background: none;
}
  .xet-layout-quickbutton>.title {
	display: block;
	}
	.xet-layout-quickbutton>.quickbuttons {
	  flex-direction: column;
	  padding-bottom: 2rem;
	  background-color: #fff;
	}
	.xet-layout-quickbutton a {
		padding: 0 10px;
	}
	.xet-layout-quickbutton a i {
	  font-size: 1.5rem;
	}
	.xet-layout-quickbutton a > span {
		height: 2.5rem;
		outline: 0;
		transition: none;
	}
	.xet-layout-quickbutton a:hover > span {
		transform: translateY(0px);
		background-color: transparent;
		color: var(--xet-theme-color);
		box-shadow: none;
	}
	.xet-layout-quickbutton a:hover > span i {
		font-size: 1.5rem;
	}	
}
@media (min-width: 1200px) {
  .xet-layout-quickbutton a {
  }
  .xet-layout-quickbutton a i {
  }

  body.app-style .xet-layout-quickbutton {
    bottom: 6rem;
  }
}