.qn_card:hover{background:#fff;box-shadow:0 0 4px silver}.qn_card{background:#fcfcfc;min-width:300px;border-radius:20px!important;transition:all .5s ease}.ribbon{background-color:#a00;overflow:hidden;white-space:nowrap;position:absolute;left:-50px;top:40px;transform:rotate(-45deg);box-shadow:0 0 10px #888}.ribbon a{border:1px solid #faa;color:#fff;display:block;font:700 81.25% Helvetica Neue,Helvetica,Arial,sans-serif;margin:1px 0;padding:10px 50px;text-align:center;text-decoration:none;text-shadow:0 0 5px #444}.anim-btn{pointer-events:auto;cursor:pointer;background:#e7e7e7;border:none;padding:6px 18px;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block;color:#fff}.anim-btn:after,.anim-btn:before{position:absolute;top:0;left:0;width:100%;height:100%}.anim-btn--anthe{font-family:bely-display,sans-serif;color:#fff;background:none}.anim-btn--anthe:focus{outline:none}.anim-btn--anthe:before{content:"";background:var(--primary);-webkit-clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 50%,100% 100%,0 100%);transition:all .4s ease-in-out;border-radius:5px}.anim-btn--anthe:hover:before{background:var(--primary);-webkit-clip-path:polygon(0 0,5% 50%,0 100%,90% 100%,100% 50%,90% 0);clip-path:polygon(0 0,5% 50%,0 100%,90% 100%,100% 50%,90% 0)}.anim-btn--anthe span{display:block;mix-blend-mode:luminosity;transition:transform .4s cubic-bezier(.2,1,.8,1)}.anim-btn--anthe:hover span{transform:translate3d(-10px,0,0)}.nature-bg{background:url(/img/login-3.svg) no-repeat 50%;background-size:100%}.nature-bg .card-body{background:rgba(247,249,246,.8117647058823529);border-radius:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 0 2px #d5dad3}