a {
  display: flex;
  align-items: center;
  margin: 14px 0;
  padding: 14px;
  background: #222;
  color: white;
  text-decoration: none;
  border-radius: 12px;
  border: 2px solid #ffffff;
} 

a:hover {
  box-shadow: 5px 5px 0 0 rgba(255,255,255,1); 
}

.logo {
  width: 35px;
}

.logo-text {
  margin-left: 20px;
  font-size: 30px;
}

/*スマホ表示*/
@media (max-width: 480px) {
  a {
    padding-right: 0;
  }
}

/*スマホ表示*/
@media (max-width: 480px) {
  .logo-text {
    font-size: 20px;
  }
}

.twitch-link {
  background-color: purple;
}

.discord-text {
  font-size: 20px;
}

.youtube-link {
  background-color: rgb(177, 25, 25);
}