.content {
  width: 100%;

  display: flex;
  flex-direction: column;

  border-radius: var(--radius-normal);
  border: var(--glass-border);
  backdrop-filter: var(--glass-backdrop);
  -webkit-backdrop-filter: var(--glass-backdrop);

  background: var(--glass);

  padding: 3rem;
  gap: 1.25rem;

  justify-self: center;
  align-self: center;
}

.content h2 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #222;
}

.content p {
  font-size: 1.05rem;
  color: #555;
}

.content a {
  background-color: #111;
  text-decoration: none;
  color: white;

  justify-self: flex-start;
  align-self: flex-start;

  padding: 0.75rem;
  border-radius: var(--radius-small);
  transition: background-color 0.3s ease;
}

.content a:hover {
  background-color: #333;
}
