.focus-login {
   text-align: center;

   .focus-content {
      border-radius: 10px;
      width: 489px;
      padding: 31px 30px;
   }

   .focus-header {
      border: 0;
      margin: 0;
      padding: 0;
   }

   .form-group {
      margin-bottom: 10px;
      position: relative;
      display: flex;
      align-items: center;

      a {
         position: absolute;
         right: 15px;
      }
   }

   .text-center {
      margin-top: 0;
   }

   .form-control {
      border-radius: 5px;
      padding: 15px 16px;
   }

   .focus-close {
      position: absolute;
      right: 0;
      top: -5px;
      color: $black;

      span:not(.fc) {
         text-transform: uppercase;
         font-weight: 600;
      }

      .fc {
         font-size: 14px;
         position: relative;
         top: -2px;
      }

      @include haf {
         span:not(.fc) {
            border-bottom-color: transparent;
         }
      }
   }

   img {
      display: inline-block;
      margin: 30px auto 28px;
   }

   h4 {
      margin-bottom: 20px;
   }

   .btn {
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      justify-content: center;
      padding: 15px 16px;
      border-radius: 5px;
   }

   .focus-footer {
      width: calc(100% + 60px);
      margin: 30px -30px 0;
      color: $black;

      .account {
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: .8px;
         margin-bottom: 5px;
      }

      .new {
         margin-bottom: 18px;
      }

      .btn {
         text-transform: uppercase;
         letter-spacing: .8px;
      }

      .btn-wrapper {
         padding: 0 30px;
      }
   }

   @media screen and (max-width: $sm - 1) {
      .focus-close {
         right: 0;
         top: -10px;
      }
   }
}
