@import url(../_mypets.css?v=3);
.pets{
    list-style: none;
    display: flex;
    flex-direction: column;
    margin:0;
    padding:0;
}
.pets>div {
    position:relative;
    display: flex;
    gap: 1em;
    padding:1em;
    margin-bottom:1em;
    background:#fff;
    border:1px solid #999;
    border-radius: 1em;
}
.pets>div>.pic{
    max-width:100px;
    width:20%;
    height:20%;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.pets>div>.pic>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.pets>div>.info {
    font-size:12px;
    color: #333;
}
.pets>div>.info>span{display:block}

.pets>div>.btn-group{
    position:absolute;
    top: .5em;
    right: .5em;
}

.img-flag{
    height: 30px;
    width: 30px;
    object-fit: cover;
    border-radius: 50%;
}