.vagabond-plus-sticker-with-content {
position: relative;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: -moz-fit-content;
width: fit-content;
height: 109px;
float: right;
}
.vagabond-plus-sticker-with-content .sticker-bg {
position: relative;
background-position: center;
border-radius: 16px;
overflow: hidden;
background-size: contain;
background-repeat: no-repeat;
background-image: none;
}
.vagabond-plus-sticker-with-content .sticker-content {
width: 11vw;
overflow: visible;
aspect-ratio: 1 / 1;
padding: 2rem;
display: flex;
align-items: center;
}
.vagabond-plus-sticker-with-content .sticker-content::after {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCI+DQogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS40LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMCBCdWlsZCAxNTIpICAtLT4NCiAgPHBhdGggZD0iTTEyMC44LDc3YzEtNC40LDcuMi04LjMsNy4yLTEzcy02LjItOC42LTcuMi0xM2MtMS00LjUsMi44LTEwLjcuOS0xNC44LTItNC4xLTkuMy01LTEyLjEtOC42LTIuOS0zLjYtMi4xLTEwLjktNS43LTEzLjctMy42LTIuOC0xMC41LS41LTE0LjYtMi41LTQuMS0yLTYuNS04LjktMTEtOS45LS40LDAtLjgtLjEtMS4yLS4xLTQuMSwwLTguOCw0LjMtMTMuMSw0LjNzLTktNC4zLTEzLjEtNC4zLS44LDAtMS4yLjFjLTQuNSwxLTcsNy45LTExLDkuOS00LjEsMi0xMS4xLS40LTE0LjYsMi41LTMuNiwyLjktMi44LDEwLjEtNS43LDEzLjctMi44LDMuNi0xMC4xLDQuNC0xMi4xLDguNi0yLDQuMSwxLjksMTAuMy45LDE0LjgtMSw0LjQtNy4yLDguMy03LjIsMTNzNi4yLDguNiw3LjIsMTNjMSw0LjUtMi44LDEwLjctLjksMTQuOCwyLDQuMSw5LjMsNSwxMi4xLDguNiwyLjksMy42LDIuMSwxMC45LDUuNywxMy43LDMuNiwyLjgsMTAuNS41LDE0LjYsMi41LDQuMSwyLDYuNSw4LjksMTEsOS45LjQsMCwuOC4xLDEuMi4xLDQuMSwwLDguOC00LjMsMTMuMS00LjNzOSw0LjMsMTMuMSw0LjMuOCwwLDEuMi0uMWM0LjUtMSw3LTcuOSwxMS05LjksNC4xLTIsMTEuMS40LDE0LjYtMi41LDMuNi0yLjksMi44LTEwLjEsNS43LTEzLjcsMi44LTMuNiwxMC4xLTQuNCwxMi4xLTguNiwyLTQuMS0xLjktMTAuMy0uOS0xNC44WiIvPg0KPC9zdmc+);
background-repeat: no-repeat;
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: -1;
background-size: cover;
}
.vagabond-plus-sticker-with-content .sticker-content p {
margin-top: 0.2rem !important;
font-size: 1vw;
line-height: 1.5;
color: white;
text-align: center;
}
.wp-block.vagabond-plus-sticker-with-content .sticker-content p {
color: black;
} .vagabond-plus-sticker-with-content .sticker-replace-button {
position: absolute;
bottom: 8px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
@media only screen and (max-width: 782px) {
.vagabond-plus-sticker-with-content {
height: 147px;
}
.vagabond-plus-sticker-with-content .sticker-content {
width: 33vw;
padding: 1.2rem;
}
.vagabond-plus-sticker-with-content .sticker-content p {
font-size: 0.9rem !important;
line-height: 1.3 !important;
}
}