.beps-pt-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.beps-pt-tag {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 116px;
height: 33px;
padding: 0 12px;
background-color: #F8F8FA;
border: 0.75px solid #E5E5E5;
border-style: solid;
border-radius: 50px;
color: #1a1a1a;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
box-sizing: border-box;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
a.beps-pt-tag:hover {
background-color: #f0f0f2;
border-color: #d0d0d0;
text-decoration: none;
} @media (max-width: 1024px) {
.beps-pt-tag {
min-width: 100px;
height: 30px;
}
} @media (max-width: 767px) {
.beps-pt-wrap {
gap: 6px;
}
.beps-pt-tag {
min-width: 90px;
height: 28px;
}
}