.guestposton-button-wrap {
    display: flex;
    margin: 1rem 0
}

.guestposton-button-wrap.align-left {
    justify-content: flex-start
}

.guestposton-button-wrap.align-center {
    justify-content: center
}

.guestposton-button-wrap.align-right {
    justify-content: flex-end
}

.guestposton-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .75rem 1.5rem;
    border-radius: var(--guestposton-radius, 8px);
    border: 2px solid transparent;
    text-decoration: none;
    font-weight: 600;
    transition: all .2s ease;
    background: var(--guestposton-bg, #1b63ff);
    color: var(--guestposton-color, #fff)
}

.guestposton-button:hover,
.guestposton-button:focus {
    background: var(--guestposton-hover-bg, #1241b8);
    color: var(--guestposton-color, #fff);
    transform: translateY(-1px)
}

.guestposton-button:focus {
    outline: 2px solid rgba(27, 99, 255, .4);
    outline-offset: 2px
}

.guestposton-button.variant-outline {
    background: transparent;
    border-color: var(--guestposton-bg, #1b63ff);
    color: var(--guestposton-bg, #1b63ff)
}

.guestposton-button.variant-outline:hover,
.guestposton-button.variant-outline:focus {
    background: rgba(27, 99, 255, .08)
}

.guestposton-button.variant-ghost {
    background: transparent;
    color: var(--guestposton-bg, #1b63ff)
}

.guestposton-button.variant-ghost:hover,
.guestposton-button.variant-ghost:focus {
    background: rgba(27, 99, 255, .08)
}

.guestposton-button.size-sm {
    padding: .5rem 1.25rem;
    font-size: .85rem
}

.guestposton-button.size-lg {
    padding: 1rem 1.75rem;
    font-size: 1.05rem
}

.guestposton-button.width-full {
    width: 100%
}

.guestposton-button__icon {
    width: 1rem;
    height: 1rem;
    background: currentColor;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center
}

.guestposton-button__icon::before {
    content: ""
}

.guestposton-button[data-icon="paper-plane"] .guestposton-button__icon {
    mask-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24"%3e%3cpath d="M3 12l18-9-4.5 18-7-5.5L3 12z"/%3e%3c/svg%3e')
}

.guestposton-button[data-icon="edit"] .guestposton-button__icon {
    mask-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24"%3e%3cpath d="M3 17.25V21h3.75l11-11.03-3.75-3.75L3 17.25zm3.92 1.33l-.99-.99 9.47-9.47.99.99-9.47 9.47zM20.71 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/%3e%3c/svg%3e')
}