Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.18.0)
// ----

a.show-on-focus {
  position: absolute;
  left: -125rem;
  width: 1px;
  height: 1px;
  max-width: 1400px;
  overflow: hidden;
  background-color: #262629;
  color: #fff;
  border-radius: .125em;
  text-align: center;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
  z-index: 299; 

  &:focus, &:active {
	position: relative;
    left: 0;
    width: auto;
    height: auto;
    background-color: #262629;
    color: #fff;
    outline: 0px solid #4572ed;
  }
}

SassMeister-output.css

a.show-on-focus {
  position: absolute;
  left: -125rem;
  width: 1px;
  height: 1px;
  max-width: 1400px;
  overflow: hidden;
  background-color: #262629;
  color: #fff;
  border-radius: 0.125em;
  text-align: center;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  z-index: 299;
}
a.show-on-focus:focus, a.show-on-focus:active {
  position: relative;
  left: 0;
  width: auto;
  height: auto;
  background-color: #262629;
  color: #fff;
  outline: 0px solid #4572ed;
}