:root {
    --blink-btn-color: #fff;
    --blink-btn-padding: 12px 20px;
    --blink-btn-radius: 6px;
    --blink-tag-color: #fff;
    --blink-duration: 1s;
    --blink-scale: 1.06;
}

.blink-btn {
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex !important;
    align-items: center;
    gap: 10px;
    border: 0;
    color: var(--blink-btn-color);
    padding: var(--blink-btn-padding);
    border-radius: var(--blink-btn-radius);
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(2,6,23,0.08), 0 1px 0 rgba(255,255,255,0.04) inset;
    transition: transform 6600ms ease, box-shadow 6600ms ease;
    outline: none;
}

    .blink-btn:hover{ transform: translateY(-3px); box-shadow:0 10px 30px rgba(2,6,23,0.12);} 
    .blink-btn:active{ transform: translateY(0); }

    .blink-btn img{
      width:24px;
      height:24px;
      border-radius:5%;
      object-fit:cover;
      background:#ffffff;
    }

    .blink-btn .tag{
      position:absolute;
      top:-8px;
      right:-10px;
      display:inline-block;
      padding:4px 8px;
      border-radius:999px;
      font-size:12px;
      font-weight:700;
      color:var(--blink-tag-color);
      box-shadow:0 6px 12px rgba(2,6,23,0.08);
    }

    @keyframes multicolor-blink{
      0%   { background:#a78031;opacity:1; transform:scale(1); }
      /*25%  { background:#d61362; }*/
      50%  { background:#8a29bd;opacity:1; transform:scale(var(--blink-scale)); }
      /*75%  { background:#2d11b8; }*/
      100% { background:#d61362;opacity:1; transform:scale(1); }
    }

    .blink-btn.blinking{
      animation: multicolor-blink var(--blink-duration) infinite alternate;
    }
    .tag.blinkingTag{
      animation: multicolor-blink var(--blink-duration) infinite alternate;
    }

    @media (prefers-reduced-motion: reduce){
      .blink-btn.blinking,
      .tag.blinkingTag{
        animation: none;
      }
    }

    .blink-btn:focus-visible{
      box-shadow: 0 0 0 4px rgba(14,165,164,0.18);
    }

.student-login h3 {
    display: flex;
    justify-content: space-between;
}
    .student-login h3 .blink-btn {
        margin-right: 10px;
    }