.gg-eye-alt {
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 24px;
 height: 18px;
 border-bottom-right-radius: 100px;
 border-bottom-left-radius: 100px;
 overflow: hidden;
 box-sizing: border-box
}

.gg-eye-alt::after,
.gg-eye-alt::before {
 content: "";
 display: block;
 border-radius: 100px;
 position: absolute;
 box-sizing: border-box
}

.gg-eye-alt::after {
 top: 2px;
 box-shadow:
 inset 0 -8px 0 2px,
 inset 0 0 0 2px;
 width: 24px;
 height: 24px
}

.gg-eye-alt::before {
 width: 8px;
 height: 8px;
 border: 2px solid transparent;
 box-shadow:
 inset 0 0 0 6px,
 0 0 0 4px,
 6px 0 0 0,
 -6px 0 0 0 ;
 bottom: 4px;
 left: 8px
} 

 .gg-eye {
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 24px;
 height: 18px;
 border-bottom-right-radius: 100px;
 border-bottom-left-radius: 100px;
 overflow: hidden;
 box-sizing: border-box
}

.gg-eye::after,
.gg-eye::before {
 content: "";
 display: block;
 border-radius: 100px;
 position: absolute;
 box-sizing: border-box
}

.gg-eye::after {
 top: 2px;
 box-shadow:
 inset 0 -8px 0 2px,
 inset 0 0 0 2px;
 width: 24px;
 height: 24px
}

.gg-eye::before {
 width: 8px;
 height: 8px;
 border: 2px solid;
 bottom: 4px;
 left: 8px
}