.job-share input {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}

.job-share a {
  margin-bottom: 5px;
  display: flex;
}

.social-share {
  display: flex;
  gap: 10px;
}

.social-share span {
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 50%;
  cursor: pointer;
}

.social-share span a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.social-share span i {
  color: #ffffff;
}

.social-share .facebook {
  background: #5771c0;
}

.social-share .twitter {
  background: #64d4ff;
}

.social-share .linkedin {
  background: #0092d8;
}

.social-share .telegram {
  background: #30a3d0;
}

#share-modal-body hr {
  margin: 30px 0px;
}

#share-modal-body > span {
  color: #969696;
  display: block;
  margin-bottom: 10px;
}

.vue-modal__footer > div {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}