<div class="btn-group">
						<div class="btn btn-player"><div>I'm a player</div></div>
						<div class="btn btn-creator"><div>I'm a creator</div></div>
						<div class="btn btn-kol"><div>I'm a media KOL</div></div>
					</div>

.btn-group .btn{
	display: block;
	margin-bottom: 25px;
	background-color: hsla(0,0%,84.3%,.4588235294117647);
    width: 100%;
    height: 49px;
    cursor: pointer;
    margin-bottom: 25px;
    transition: .13s;
    border-radius: 8px;
    border: 0.8px solid hsla(0,0%,74.5%,.5019607843137255);
    box-sizing: content-box;
    border-top-color: hsla(0,0%,87.5%,.5019607843137255);
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-group .btn>div{
    transition: .13s;
    margin: 0 auto;
    height: 43px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 1px 0;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    color: #828282;
    background-color: #f7f7f7;
    width: 152px;
    height: 44px;
    border-radius: 8px;
    border-bottom: 1px solid hsla(0,0%,81.6%,.5019607843137255);
}
.btn-group .btn:hover {
    transform: translateY(2.5px);
	box-shadow: 0 2px 5px rgba(0,0,0,0);
    height: 47px;
	margin-bottom: 27px;
}