/*————————————

Go To v1

————————————*/

class*=“u-go-to”

{

display: none;

}

.u-go-to-v1 {

@include px-to-rem(width, 40px);
@include px-to-rem(height, 40px);
display: block;
background-color: rgba($g-color-white, .7);
color: $g-color-main;
border-radius: 50%;
box-shadow: 0 0 20px 0 rgba($g-color-black, .1);
transition: .3s ease-out;
z-index: 11;

i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

&:hover,
&:focus:hover {
  text-decoration: none;
  color: $g-color-white;
  background-color: $g-color-primary;
}

&:focus {
  text-decoration: none;
  color: $g-color-main;
  background-color: rgba($g-color-white, .7);
}

}

@media (max-width: #{$g-sm}-1) {

.u-go-to-v1 {
  transform:scale(.8, .8);
}

}