.origin-profile-options button {
  position: relative;
  isolation: isolate;
  justify-content: flex-end;
  align-items: flex-start;
  overflow: hidden;
  min-height: 146px;
  padding: 16px;
  border: 2px solid transparent;
  border-radius: 15px;
  background: #173b4b;
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  box-shadow: 0 5px 14px #15352b1c;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.origin-profile-options button:hover {
  border-color: #fff;
  background: #173b4b;
  box-shadow: 0 9px 19px #15352b30;
}

.origin-profile-options button[aria-pressed="true"] {
  border-color: #087c64;
  background: #173b4b;
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #087c64;
}

.origin-profile-options button::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, #092b3500 20%, #092b3526 46%, #071d2bdb 100%);
  content: "";
  pointer-events: none;
}

.origin-profile-options button[aria-pressed="true"]::after {
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 9px;
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #087c64;
  content: "✓";
  font: 900 16px/1 Arial, sans-serif;
  box-shadow: 0 2px 8px #091c2b66;
}

.origin-profile-options .origin-profile-photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .28s ease;
}

.origin-profile-options button:hover .origin-profile-photo { transform: scale(1.045); }

.origin-profile-options button > span {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0 1px 5px #071d2be0;
}

@media (max-width: 720px) {
  .origin-profile-options { gap: 11px; }
  .origin-profile-options button {
    min-height: 128px;
    padding: 13px;
    align-items: flex-end;
    font-size: 16px;
  }
  .origin-profile-options button:first-child { min-height: 116px; }
}

@media (prefers-reduced-motion: reduce) {
  .origin-profile-options button,
  .origin-profile-options .origin-profile-photo { transition: none; }
}