.modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 3000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 50px 15px;
  background: rgba(0, 29, 49, 0.7);

  &--visible {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  &-close {
    position: absolute;
    right: 50px;
    cursor: pointer;
  }
}