.media-button{background:transparent;border-radius:100%;border-width:0;color:#fff;cursor:pointer;display:inline-flex;font-size:32px;height:70px;margin:.5rem;position:relative;width:70px}.media-button .media-button-preview{border-radius:100%;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.media-button .media-button-preview img,.media-button .media-button-preview video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.media-button .media-button-preview .white-block{background-color:#fff;border:.5px solid #dcdcdc;border-radius:100%;height:100%;width:100%}.media-button .media-button-overlay{align-items:center;background-color:var(--primary);border-radius:100%;display:inline-flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all .3s ease-in-out 0s;width:100%}.media-button .media-button-overlay img{width:70%}.media-button .media-button-overlay .matterport-icon{width:45%}.media-button:active,.media-button:hover{outline:none}.media-button:active .media-button-overlay,.media-button:focus .media-button-overlay,.media-button:hover .media-button-overlay{transform:scale(.5)}@media (min-width:768px){.media-button{height:100px;width:100px}}