#back_top{
    display: none;
}
.transparent #back_top,
.transparent1 #back_top{
    display: block;    
	position: fixed;
	width: 43px;
	height: 43px;
	right: 43px;
	bottom: 43px;
	margin: 0;
	z-index: 10000;
	border: 1px solid rgba(54,54,54,.55);
	color: var(--text-color-1);
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

.transparent #back_top span.back_top_text,
.transparent1 #back_top span.back_top_text{
	font-family: var(--bs-font-Catamaran);
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.7em;
	letter-spacing: .15em;
	color: var(--text-color-1);
	transition: color .2s ease-out;
	padding-left: 1px;
	font-size: 12px;
	transition: color .2s ease-out;
}
.transparent #back_top .back_top_border_top_left::after, 
.transparent #back_top .back_top_border_top_left::before,
.transparent1 #back_top .back_top_border_top_left::after, 
.transparent1 #back_top .back_top_border_top_left::before{
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: calc(100% + 1px);
	height: 1px;
	background-color: currentColor;
	transition: transform .38s cubic-bezier(.57,.01,.29,.99);
	will-change: transform;
}
.transparent #back_top .back_top_border_top_left::after,
.transparent1 #back_top .back_top_border_top_left::after{
	width: 1px;
	height: calc(100% + 2px);
	transform: scaleY(0);
	transform-origin: top;
}
.transparent #back_top .back_top_border_top_left::before,
.transparent1 #back_top .back_top_border_top_left::before{
    transform: scaleX(0);
    transform-origin: left;
}
.transparent #back_top:hover .back_top_border_top_left::before,
.transparent1 #back_top:hover .back_top_border_top_left::before{
  transform: scaleX(1);
}
.transparent #back_top:hover .back_top_border_top_left::after,
.transparent1 #back_top:hover .back_top_border_top_left::after{
  transform: scaleY(1);
}



.transparent #back_top .back_top_border_bottom_right::after, 
.transparent #back_top .back_top_border_bottom_right::before,
.transparent1 #back_top .back_top_border_bottom_right::after, 
.transparent1 #back_top .back_top_border_bottom_right::before{
  content: '';
  position: absolute;
  bottom: -1px;
  right: -1px;
  display: block;
  width: calc(100% + 1px);
  height: 1px;
  background-color: currentColor;
  transition: transform .38s cubic-bezier(.57,.01,.29,.99);
  will-change: transform;
}
.transparent #back_top .back_top_border_bottom_right::before,
.transparent1 #back_top .back_top_border_bottom_right::before{
  transform: scaleX(0);
  transform-origin: right;
}
.transparent #back_top .back_top_border_bottom_right::after,
.transparent1 #back_top .back_top_border_bottom_right::after {
  width: 1px;
  height: calc(100% + 2px);
  transform: scaleY(0);
  transform-origin: bottom;
}
.transparent #back_top:hover .back_top_border_bottom_right::before
.transparent1 #back_top:hover .back_top_border_bottom_right::before {
  transform: scaleX(1);
}
.transparent #back_top:hover .back_top_border_bottom_right::after,
.transparent1 #back_top:hover .back_top_border_bottom_right::after {
  transform: scaleY(1);
}