@charset "utf-8";

.actions { display: flex; gap: 20px; }

.actions--col { flex-direction: column; }

.actions--col.actions > * { min-width: 240px; }

@media screen and (max-width: 1023px) {
  .actions--col { align-items: center; }
}

.actions--row { flex-direction: row; }

.action { border-radius: 88px; height: fit-content; padding-left: 32px; padding-right: 32px; width: fit-content; }

.action--primary.action { background-color: rgb(162, 37, 45); }

.action--secondary.action { background-color: rgba(255, 255, 255, 0.12); }

* { box-sizing: border-box; margin: 0px; padding: 0px; }

:root { --header-height: 68px; }

body, html { max-width: 100vw; overflow-x: hidden; }

body { background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

body:lang(ar) { direction: rtl; }

a { color: inherit; text-decoration: none; }

button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(255, 255, 255); font-family: inherit; }

@media (prefers-color-scheme: dark) {
  html { color-scheme: dark; }
}

video { background: rgb(0, 0, 0); border-radius: 12px; object-fit: fill; }