.dm-sns {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}

.dm-sns a {
  color: #333;
  border-radius: 50px;
  padding: 1px 15px 3px;
  transition: 0.2s;
}

.dm-sns a:nth-child(1) {
  border: 1px solid #7638fa;
}

.dm-sns a:nth-child(1):hover {
  background-color: #7638fa;
  color: #fff;
}

.dm-sns a:nth-child(1):hover i {
  background: transparent;
  -webkit-text-fill-color: unset;
}

.dm-sns a:nth-child(2) {
  border: 1px solid #1d9bf0;
}

.dm-sns a:nth-child(2):hover {
  background-color: #1d9bf0;
  color: #fff;
}