﻿section.web-app-page .members{position:relative;display:flex;justify-content:right}section.web-app-page .members [data-team-member-button],section.web-app-page .members [data-team-member-invite-button]{--size: 40px;margin-left:3px;border:1px solid var(--accent-colour);background-size:cover;background-position:center center;background-repeat:no-repeat}section.web-app-page .members [data-team-member-button] span,section.web-app-page .members [data-team-member-invite-button] span{transition:opacity 0.5s linear}section.web-app-page .members [data-team-member-button]:hover,section.web-app-page .members [data-team-member-invite-button]:hover{border:1px solid #000}section.web-app-page .members [data-team-member-button][data-has-image="True"],section.web-app-page .members [data-team-member-invite-button][data-has-image="True"]{border:0 solid #FFF}section.web-app-page .members [data-team-member-button][data-has-image="True"] span,section.web-app-page .members [data-team-member-invite-button][data-has-image="True"] span{opacity:0}section.web-app-page .members [data-team-member-button][data-has-image="True"]:hover span,section.web-app-page .members [data-team-member-invite-button][data-has-image="True"]:hover span{opacity:1}@media only screen and (max-width: 639px){section.web-app-page .members{justify-content:left}}
