.wew-woo-welcome-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media (max-width: 599px) {
.wew-woo-welcome-wrapper {
flex-wrap: wrap;
justify-content: space-between;
}
}
.wew-woo-welcome-text, .wew-woo-welcome-button {
margin: 0;
}
.wew-woo-welcome-text {
margin-right: 0.3em;
font-size: 0.875rem;
white-space: nowrap;
}
.wew-woo-welcome-text:not(:first-child)::before {
content: "|";
margin-right: 0.2em;
}
.wew-woo-welcome-text i {
font-style: normal;
}
.wew-woo-welcome-button {
margin-left: 0.4em;
text-align: center;
}
@media (max-width: 599px) {
.wew-woo-welcome-button {
margin: 0 1%;
width: 48%;
}
}
.wew-woo-welcome-button a {
position: relative;
display: block;
padding: 0.3em 1em;
font-size: 0.75rem;
border: solid 1px #fff;
}
.wew-woo-welcome-button a:hover::before {
opacity: 0.1;
}
.wew-woo-welcome-button a::before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
display: block;
content: "";
opacity: 0;
background-color: #ffffff;
transition: 0.2s ease-in-out;
}
.wew-woo-welcome-button a span {
z-index: 1;
}
.wew-woo-welcome-top, .wew-woo-welcome-bottom {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 599px) {
.wew-woo-welcome-top {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
padding-bottom: 0.3125rem;
}
}
.wew-woo-welcome-bottom {
row-gap: 0.5em;
}
@media (max-width: 599px) {
.wew-woo-welcome-bottom {
width: 100%;
display: flex;
align-items: stretch;
justify-content: center;
}
}