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

Go To v2

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

class*=“u-go-to”

{

display: none;

}

.u-go-to-v2 {

display: block;
background-color: rgba($g-color-black, .3);
color: $g-color-white;
border-radius: 3px;
transition: .3s ease-out;
z-index: 11;

i {
  @include px-to-rem(width, 40px);
  @include px-to-rem(height, 40px);
  display: block;
  text-align: center;
  @include px-to-rem(line-height, 40px);
}

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

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

}

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

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

}