.apple-button{background-color:#000}.apple-button,.google-button{width:44px;height:44px;border-radius:4px;display:flex;justify-content:center;cursor:pointer}.google-button{background-color:#fff;align-items:center}.circle-1,.circle-2{position:absolute;border-radius:50%;z-index:-1;opacity:.5;background:radial-gradient(53.95% 53.95% at 64.47% 34.21%,hsla(0,0%,100%,.15) 0,rgba(0,0,0,.15) 100%)}.circle-1{right:0;top:0;height:350px;width:350px;transform:translate(20%,-15%)}.circle-2{left:0;height:250px;width:250px;bottom:0;transform:translate(-20%,10%)}.box-container{position:relative;perspective:1000px}.box{width:100%;height:100%;transform-style:preserve-3d;transition:all .5s ease}.back,.front{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.back{position:absolute;top:0}.back,.flip{transform:rotateY(180deg)}.flip{-webkit-transform:rotateY(180deg)}@media screen and (max-width:640px){main{padding:0 16px}.circle-1{height:250px;width:250px;transform:translateY(-10%)}.circle-2{height:150px;width:150px;transform:translate(-5%,40%)}}