/* Hide entire wrapper by default */
.student-login-wrapper {
  display: none !important;
}

/* Show on small screens and align right */
@media (max-width: 1000px) {
  .student-login-wrapper {
    display: flex !important;
    justify-content: flex-end;
    width: 100%;
    padding: 5px 10px 0px 10px;
    gap: 9px;
  }

  .student-login-btn-small-device {
    padding: 11px 15px!important;
    background:#d7181e;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
  }
}