.exam-role-whatsapp {
  margin-right: auto;
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding: .625rem 1rem;
  border: 1px solid #6ee7b7;
  border-radius: .625rem;
  background: #ecfdf5;
  color: #047857;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  box-shadow: 0 1px 2px rgb(15 23 42 / .08);
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.exam-role-whatsapp:hover {
  border-color: #34d399;
  background: #d1fae5;
  color: #065f46;
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .exam-role-whatsapp {
    width: 100%;
    margin-bottom: .25rem;
  }
}