/* =========================================
   ACTIONS
========================================= */

.edit-profile-actions {
  display: flex;
  align-items: center;

  gap: 10px;

  margin-top: 8px;
}


.edit-profile-save-button {
  min-width: 150px;

  background-color: var(--orange) !important;

  border-color: var(--orange) !important;

  color: var(--navy) !important;

  font-weight: 800;
}


.edit-profile-save-button:hover {
  background-color: var(--orange-dark) !important;

  border-color: var(--orange-dark) !important;

  color: #ffffff !important;
}


/* =========================================
   PASSWORD NOTE
========================================= */

.edit-profile-note {
  margin-top: 28px;
  padding: 18px 20px;

  background-color: #fffaf3;

  border: 1px solid #f3d4a6;
  border-radius: var(--radius);
}


.edit-profile-note strong {
  color: var(--navy);
}


.edit-profile-note p {
  margin-top: 4px;

  color: var(--muted);

  font-size: 0.86rem;
}


/* =========================================
   MOBILE
========================================= */

@media screen and (max-width: 768px) {

  .edit-profile-actions {
    flex-direction: column;
    align-items: stretch;
  }


  .edit-profile-actions .button {
    width: 100%;
  }

}