.avatar{max-width:300px;margin:0 auto;width:100%;height:250px;position:relative;transition:.5s;border-radius:5px;text-align:center;overflow:hidden;color:#fff}.avatar__text{top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s;cursor:pointer}.avatar__btns,.avatar__text{position:absolute;opacity:0;z-index:100}.avatar__btns{bottom:0;left:0;padding:1rem;display:flex;flex-direction:column}.avatar__btns button:first-child{margin-bottom:1rem}.avatar__img,.avatar__layer{width:100%;height:100%}.avatar__layer{position:absolute;transition:.5s;top:0;background-color:transparent;left:0}.avatar:hover .avatar__layer{background-color:rgba(0,0,0,.3)}.avatar:hover .avatar__btns,.avatar:hover .avatar__text{opacity:1}