.view-as-student{border:1px solid #c7a55b;border-radius:999px;background:#173d32;color:#fff;padding:11px 17px;font-weight:800;cursor:pointer;margin-right:90px}.view-as-student:hover{background:#28594a}.preview-bar{display:flex;align-items:center;gap:14px;margin:-8px 0 24px;padding:12px 16px;border-radius:14px;background:#f1e5bf;color:#173d32}.preview-bar span{color:#59645e}.preview-bar button{margin-left:auto;border:0;border-radius:999px;background:#173d32;color:white;padding:9px 14px;font-weight:800;cursor:pointer}@media(max-width:700px){.view-as-student{margin:54px 0 0}.preview-bar{align-items:flex-start;flex-direction:column}.preview-bar button{margin-left:0;width:100%}}