.account-matrix-actions {
  width: 178px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0.55rem;
}

.account-matrix-card .account-matrix-actions .account-primary-action {
  width: 100%;
}

.account-matrix-card .account-primary-action.is-unlocked {
  border-color: #a98672;
  background: #f2e6db;
  color: #704b45;
  box-shadow: inset 0 0 0 1px rgba(148, 103, 97, 0.08);
}

.account-matrix-card .account-primary-action.is-unlocked:hover,
.account-matrix-card .account-primary-action.is-unlocked:focus-visible {
  border-color: #946f5d;
  background: #ecddd0;
}

.account-matrix-unlock-action {
  position: relative;
  appearance: none;
  width: 100%;
  min-height: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.34rem;
  padding: 0.68rem 0.82rem;
  border: 1px solid #b89d88;
  border-radius: 15px;
  background: #f4ece2;
  color: #7c554f;
  font: 600 0.75rem/1.15 'Inter', sans-serif;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.account-matrix-unlock-action:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: #a98672;
  background: #efe2d5;
}

.account-matrix-unlock-action:disabled {
  cursor: wait;
  opacity: 0.62;
}

.account-matrix-unlock-action[aria-busy='true'] > span,
.account-matrix-unlock-action[aria-busy='true'] > small {
  visibility: hidden;
}

.account-matrix-unlock-action[aria-busy='true']::after {
  content: 'Открываю оплату…';
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 0.68rem 0.82rem;
  font: 600 0.75rem/1.15 'Inter', sans-serif;
  color: #7c554f;
}

.account-matrix-unlock-action small {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: #8b7b75;
  font: 500 0.68rem/1 'Inter', sans-serif;
}

.account-matrix-unlock-action s,
.account-matrix-unlock-action em {
  display: none;
}

.account-matrix-unlock-action strong {
  color: #7c554f;
  font-weight: 700;
}

.account-matrix-checkout-status {
  margin: 0;
  color: #6b5a54;
  font: 500 0.69rem/1.4 'Inter', sans-serif;
  text-align: center;
}

.account-matrix-checkout-status.is-error {
  color: #9a4f48;
}

.account-secondary-plus {
  display: grid;
  place-items: center;
  align-content: center;
  font-size: 0 !important;
  line-height: 0 !important;
}

.account-secondary-plus::before {
  content: '+';
  display: block;
  font: 300 1.28rem/1 'Inter', sans-serif;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .account-matrix-card {
    grid-template-columns: 1fr;
  }

  .account-matrix-actions {
    width: 100%;
  }

  .account-matrix-card .account-matrix-latest {
    top: 0.95rem;
    right: 1rem;
  }
}