popup-component {
    --trigger-width: 30px;
    transition: transform var(--transition--timing-300) ease-in-out;
    transform: translateX(-100%);
    border-radius: 0 8px 8px 0;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    background-color: white;
    position: fixed;
    bottom: 20%;
    z-index: 2;
    left: 0;

    &.loaded:not(.show) {
        transform: translateX(calc(-100% + var(--trigger-width)));
    }

    &.show {
        transform: translateX(0);
    }
}