.online {
  position: relative;
  padding: 15px 20px;
  line-height: 1.5;
  margin-bottom: 30px;
  background-color: #e8e8e8;
  transition: all 0.2s ease 0s;
  text-align: center;
}
.online.en {
  text-align: center;
}
.online:hover {
  opacity: 0.6;
}
.online h2 {
  color: #353737;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 1px;
  border-top: none;
  padding-top: 0;
}
.online span {
  display: block;
  font-size: 16px;
}
.online::before,
.online::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 20px;
  width: 15px;
  height: 1px;
  border-radius: 9999px;
  background-color: #707070;
  transform-origin: calc(100% - 1px) 50%;
}
.online::before {
  transform: rotate(33deg);
}
.online::after {
  transform: rotate(-33deg);
}