.common-button {
  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem 0.766rem;
  gap: 0.438rem;

  width: auto;
  height: 3.313rem;

  border-radius: 0.4rem;

  font-weight: 500;
  font-size: 1.25rem;
  line-height: 130%;
  text-align: center;
  text-decoration: none;

  transition: 0.6s;

  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

.main-button {
  background-color: #10B981;
  border: #10B981;

  color: #FFFFFF;
}

.main-button:hover {
  outline: 0.375rem solid #ECFDF5;
  background-color: #059669;
  border: #059669;
}

.opaque-button {
  background-color: #F1F5F9;
  border: 0.03rem solid #F1F5F9;
  cursor: pointer;
  color: #475569;
}

.opaque-button:hover {
  background-color: white;
  border: 0.03rem solid #94A3B8;
}

.inverted-main-button {
  border: 0.06rem solid #A7F3D0;
  border-radius: 1.75rem;

  font-size: 0.9rem;

  color: #10B981;
  background-color: white;
  cursor: pointer;

  order: 4;
}

.inverted-main-button:hover {
  background-color: #ECFDF5;
}