@import './apps/commudle-admin/src/assets/styles/variables';

.error-page-container {
  nb-card {
    padding: $space-32;
    text-align: center;
    width: 1120px;
    word-wrap: break-word;

    .animation-container {
      height: 300px;
      overflow: hidden;
      width: 500px;
      img {
        bottom: $space-110;
        position: relative;
        width: 100%;
      }
    }

    .title {
      @apply com-text-gunmetal;
      position: relative;
      bottom: $space-32;
    }

    .links {
      width: 600px;
      a {
        width: 100%;
        text-decoration: none;
        button {
          @apply com-bg-Ghost-White com-text-Yankees-Blue;
          width: 100%;
          margin-bottom: $space-16;
        }
      }
    }

    @media all and (max-width: $mobile-width) {
      padding: 0;
      width: 100%;
      .animation-container {
        width: 360px;
        img {
          bottom: 0;
        }
      }
      .links {
        width: 95%;
      }

      .title {
        @apply com-text-gunmetal;
        position: relative;
        bottom: $space-32;
        width: 90%;
      }
    }
  }
}
