.code-tabs{position:relative;height:400px}.code-tabs .tab-wrap{position:relative;display:flex;width:100%;top:0}.code-tabs input[type=radio][name=tabs]{position:absolute;z-index:-1}.code-tabs input[type=radio][name=tabs]:checked+.tab-label-content label{color:#fff}.code-tabs input[type=radio][name=tabs]:checked+.tab-label-content .tab-content{display:block}.code-tabs input[type=radio][name=tabs]:nth-of-type(1):checked~.slide{left:0%}.code-tabs input[type=radio][name=tabs]:nth-of-type(2):checked~.slide{left:50%}.code-tabs input[type=radio][name=tabs]:first-of-type:checked~.slide{left:0}.code-tabs label{cursor:pointer;color:#fffc;background-color:#263e52;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:56px;transition:color .2s ease;width:100%}.slide{background:#b0dce7;width:50%;height:4px;position:absolute;left:0;top:calc(100% - 4px);transition:left .3s ease-out}.tab-label-content{width:100%}.tab-label-content .tab-content{position:absolute;right:0;display:none;width:97%}@media screen and (max-width:800px){.tab-wrap{width:80%;margin-left:10%;top:-106px}}.follow{width:42px;height:42px;border-radius:50px;background:#03a9f4;display:block;margin:300px auto 0;white-space:nowrap;padding:13px;box-sizing:border-box;color:#fff;transition:all .2s ease;font-family:Roboto,sans-serif;text-decoration:none;box-shadow:0 5px 6px #0003}.follow i{margin-right:20px;transition:margin-right .2s ease}.follow:hover{width:134px}.follow:hover i{margin-right:10px}@media screen and (max-width:800px){.follow{margin:400px auto 0}}