.mblDomButtonBlueCircleArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueCircleArrow > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlueCircleArrow > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#6ba2e7), to(#216dd6), color-stop(0.5, #4282de), color-stop(0.5, #216dd6)); } .mblDomButtonBlueCircleArrow > div > div > div { position: absolute; top: 5px; left: 6px; width: 8px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; -webkit-transform: rotate(45deg); } .mblDomButtonBlueCircleArrow > div > div > div > div { position: absolute; top: 1px; left: 6px; width: 3px; height: 8px; margin: 0px; font-size: 1px; background-color: white; }