:root{
  --instagram:#92ccc7;
  --button-color:#fff;
  --button-padding:10px 16px;
  --button-radius:6px;
}

html,body{
  height:100%;
  margin:0;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:20px;
}

.instagram-button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,var(--instagram),#2a83c7);
  color:var(--button-color);
  padding:var(--button-padding);
  border-radius:var(--button-radius);
  text-decoration:none;
  font-weight:600;
  transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.instagram-button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,0.12);
}

.instagram-button:focus{
  outline:3px solid rgba(225,48,108,0.18);
  outline-offset:4px;
}

.instagram-icon{
  display:block;
  color:#fff;
}

.instagram-text{
  line-height:1;
}