.spp-widget * {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            .spp-widget {
                width: 100%;
                font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
                margin: 4 0px 0;
            }

            .spp-widget-wrapper {
                background: white;
                border-radius: 15px;
                overflow: hidden;
                border: 1px solid rgba(0, 0, 0, 0.1);
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
                padding: 10px 5px;
                position: relative;
            }

            .copyright-p {
                text-align: right;
                margin-top: 10px;
                font-size: 10px;
                opacity: 0.5;
                line-height: 12px;
            }

            .copyright-p a {
                color: black;
                font-weight: 500;
                text-decoration: underline;
            }

            .spp-widget-content {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .spp-stats {
                display: flex;
                gap: 10px;
                flex-direction: row;
            }

            .spp-integrations {
                display: flex;
                gap: 0;
                flex-direction: row;
            }

            @media only screen and (max-width: 600px) {
                .spp-widget-wrapper {
                    padding: 10px 0;
                }

                .spp-widget-content {
                    align-items: flex-start;
                }

                .spp-stats {
                    flex-direction: column;
                    gap: 10px;
                }

                .spp-integrations {
                    flex-direction: row;
                }

                .spp-integrations .spp-panel {
                    padding: 0 5px;
                }

                .spp-affiliate-link-wrapper {
                    flex-direction: column;
                    align-items: flex-start;
                }
            }

            @media only screen and (max-width: 300px) {
                .spp-widget-content {
                    align-items: flex-start;
                    gap: 20px;
                    flex-direction: column;
                }

                .spp-affiliate-link-wrapper {
                    flex-direction: column;
                    align-items: flex-start;
                }

                .spp-field {
                    flex-direction: column;
                    width: 100%;
                }

                .spp-copy-button {
                    width: 100% !important;
                    padding: 8px;
                }
            }

            .spp-affiliate-link-wrapper {
                display: flex;
                gap: 10px;
                flex-direction: row;
                align-items: center;
            }

            .spp-panel {
                display: flex;
                align-items: center;
                padding: 0 15px;
                gap: 5px;
            }

            .spp-integrations .spp-panel:not(:first-child) {
                border-left: 1px solid rgba(0, 0, 0, 0.2);
            }

            .spp-icon {
                display: inline-block;
                width: 32px;
                height: 24px;
                background-size: contain;
                background-repeat: no-repeat;
                opacity: 0.8;
                background-position: center;
            }

            .spp-icon.like {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.97913 3.07401C7.86419 2.92321 8.77181 2.97296 9.63509 3.21958C10.4984 3.46621 11.2953 3.90343 11.9671 4.49901L12.0041 4.53201L12.0381 4.50201C12.6793 3.93931 13.4331 3.51981 14.2493 3.27149C15.0655 3.02318 15.9252 2.95177 16.7711 3.06201L17.0171 3.09801C18.0834 3.28212 19.0801 3.75117 19.9016 4.45548C20.7231 5.1598 21.3388 6.07316 21.6836 7.09885C22.0283 8.12454 22.0893 9.22437 21.86 10.2819C21.6307 11.3394 21.1197 12.3152 20.3811 13.106L20.2011 13.291L20.1531 13.332L12.7031 20.711C12.5312 20.8812 12.3034 20.9832 12.062 20.9983C11.8206 21.0134 11.5819 20.9405 11.3901 20.793L11.2961 20.711L3.80313 13.289C3.00935 12.5167 2.44483 11.5397 2.17209 10.4663C1.89935 9.39287 1.92903 8.26491 2.25785 7.20733C2.58666 6.14974 3.20179 5.20381 4.03509 4.47428C4.86839 3.74476 5.88735 3.26011 6.97913 3.07401Z' fill='black'/%3E%3C/svg%3E");
            }

            .spp-like-button {
                background: none;
                border: none;
                cursor: pointer;
                display: flex;
                align-items: center;
            }

            .spp-like-button .spp-icon {
                animation: spp-pulse 2s ease infinite;
                transition: all 0.3s ease-in-out;
            }

            @keyframes spp-pulse {
                0% {
                    transform: scale(0.9);
                }

                50% {
                    transform: scale(1.1);
                }

                100% {
                    transform: scale(0.9);
                }
            }

            .spp-like-button.liked .spp-icon.like {
                animation: none;
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.97913 3.07401C7.86419 2.92321 8.77181 2.97296 9.63509 3.21958C10.4984 3.46621 11.2953 3.90343 11.9671 4.49901L12.0041 4.53201L12.0381 4.50201C12.6793 3.93931 13.4331 3.51981 14.2493 3.27149C15.0655 3.02318 15.9252 2.95177 16.7711 3.06201L17.0171 3.09801C18.0834 3.28212 19.0801 3.75117 19.9016 4.45548C20.7231 5.1598 21.3388 6.07316 21.6836 7.09885C22.0283 8.12454 22.0893 9.22437 21.86 10.2819C21.6307 11.3394 21.1197 12.3152 20.3811 13.106L20.2011 13.291L20.1531 13.332L12.7031 20.711C12.5312 20.8812 12.3034 20.9832 12.062 20.9983C11.8206 21.0134 11.5819 20.9405 11.3901 20.793L11.2961 20.711L3.80313 13.289C3.00935 12.5167 2.44483 11.5397 2.17209 10.4663C1.89935 9.39287 1.92903 8.26491 2.25785 7.20733C2.58666 6.14974 3.20179 5.20381 4.03509 4.47428C4.86839 3.74476 5.88735 3.26011 6.97913 3.07401Z' fill='%23FF1493'/%3E%3C/svg%3E");
            }

            .spp-icon.like {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4998 12.5719L11.9998 19.9999L4.49981 12.5719C4.00512 12.0905 3.61546 11.5119 3.35536 10.8726C3.09527 10.2332 2.97037 9.54688 2.98855 8.85687C3.00673 8.16685 3.16758 7.48807 3.46097 6.86327C3.75436 6.23847 4.17395 5.68119 4.6933 5.22651C5.21265 4.77184 5.82052 4.42962 6.47862 4.22141C7.13673 4.01321 7.83082 3.94352 8.51718 4.01673C9.20354 4.08995 9.86731 4.30449 10.4667 4.64684C11.0661 4.98919 11.5881 5.45193 11.9998 6.00593C12.4133 5.45595 12.9359 4.99725 13.5349 4.65854C14.1339 4.31982 14.7963 4.10838 15.4807 4.03745C16.1652 3.96652 16.8569 4.03763 17.5126 4.24632C18.1683 4.45502 18.7738 4.79681 19.2914 5.2503C19.8089 5.70379 20.2272 6.25922 20.5202 6.88182C20.8132 7.50443 20.9746 8.18082 20.9941 8.86864C21.0137 9.55647 20.8911 10.2409 20.6339 10.8792C20.3768 11.5174 19.9907 12.0958 19.4998 12.5779' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            }

            .like-button.liked .spp-icon.like {
                transition: all 200ms ease;
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.97913 3.07401C7.86419 2.92321 8.77181 2.97296 9.63509 3.21958C10.4984 3.46621 11.2953 3.90343 11.9671 4.49901L12.0041 4.53201L12.0381 4.50201C12.6793 3.93931 13.4331 3.51981 14.2493 3.27149C15.0655 3.02318 15.9252 2.95177 16.7711 3.06201L17.0171 3.09801C18.0834 3.28212 19.0801 3.75117 19.9016 4.45548C20.7231 5.1598 21.3388 6.07316 21.6836 7.09885C22.0283 8.12454 22.0893 9.22437 21.86 10.2819C21.6307 11.3394 21.1197 12.3152 20.3811 13.106L20.2011 13.291L20.1531 13.332L12.7031 20.711C12.5312 20.8812 12.3034 20.9832 12.062 20.9983C11.8206 21.0134 11.5819 20.9405 11.3901 20.793L11.2961 20.711L3.80313 13.289C3.00935 12.5167 2.44483 11.5397 2.17209 10.4663C1.89935 9.39287 1.92903 8.26491 2.25785 7.20733C2.58666 6.14974 3.20179 5.20381 4.03509 4.47428C4.86839 3.74476 5.88735 3.26011 6.97913 3.07401Z' fill='%23FF1493'/%3E%3C/svg%3E");
            }

            .spp-icon.read-time {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C10.4087 12 8.88258 12.6321 7.75736 13.7574C6.63214 14.8826 6 16.4087 6 18V20C6 20.2652 6.10536 20.5196 6.29289 20.7071C6.48043 20.8946 6.73478 21 7 21H17C17.2652 21 17.5196 20.8946 17.7071 20.7071C17.8946 20.5196 18 20.2652 18 20V18C18 16.4087 17.3679 14.8826 16.2426 13.7574C15.1174 12.6321 13.5913 12 12 12ZM12 12C10.4087 12 8.88258 11.3679 7.75736 10.2426C6.63214 9.11742 6 7.5913 6 6V4C6 3.73478 6.10536 3.48043 6.29289 3.29289C6.48043 3.10536 6.73478 3 7 3H17C17.2652 3 17.5196 3.10536 17.7071 3.29289C17.8946 3.48043 18 3.73478 18 4V6C18 7.5913 17.3679 9.11742 16.2426 10.2426C15.1174 11.3679 13.5913 12 12 12Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }

            .spp-icon.pageview {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.16797 18.849C6.41548 18.0252 6.92194 17.3032 7.61222 16.79C8.30249 16.2768 9.13982 15.9997 9.99997 16H14C14.8612 15.9997 15.6996 16.2774 16.3904 16.7918C17.0811 17.3062 17.5874 18.0298 17.834 18.855M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12ZM9 10C9 10.7956 9.31607 11.5587 9.87868 12.1213C10.4413 12.6839 11.2044 13 12 13C12.7956 13 13.5587 12.6839 14.1213 12.1213C14.6839 11.5587 15 10.7956 15 10C15 9.20435 14.6839 8.44129 14.1213 7.87868C13.5587 7.31607 12.7956 7 12 7C11.2044 7 10.4413 7.31607 9.87868 7.87868C9.31607 8.44129 9 9.20435 9 10Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }

            .spp-icon.affiliate-link {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 15L15 9M11 6.00006L11.463 5.46406C12.4008 4.52639 13.6727 3.99966 14.9989 3.99976C16.325 3.99985 17.5968 4.52676 18.5345 5.46456C19.4722 6.40237 19.9989 7.67425 19.9988 9.00042C19.9987 10.3266 19.4718 11.5984 18.534 12.5361L18 13.0001M13.0001 18L12.6031 18.534C11.6544 19.4722 10.3739 19.9984 9.03964 19.9984C7.70535 19.9984 6.42489 19.4722 5.47614 18.534C5.0085 18.0716 4.63724 17.521 4.38385 16.9141C4.13047 16.3073 4 15.6561 4 14.9985C4 14.3408 4.13047 13.6897 4.38385 13.0829C4.63724 12.476 5.0085 11.9254 5.47614 11.463L6.00014 11' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }

            .spp-icon.social-share {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.7002 10.7L15.3002 7.30005M8.7002 13.3L15.3002 16.7M3 12C3 12.7956 3.31607 13.5587 3.87868 14.1213C4.44129 14.6839 5.20435 15 6 15C6.79565 15 7.55871 14.6839 8.12132 14.1213C8.68393 13.5587 9 12.7956 9 12C9 11.2044 8.68393 10.4413 8.12132 9.87868C7.55871 9.31607 6.79565 9 6 9C5.20435 9 4.44129 9.31607 3.87868 9.87868C3.31607 10.4413 3 11.2044 3 12ZM15 6C15 6.79565 15.3161 7.55871 15.8787 8.12132C16.4413 8.68393 17.2044 9 18 9C18.7956 9 19.5587 8.68393 20.1213 8.12132C20.6839 7.55871 21 6.79565 21 6C21 5.20435 20.6839 4.44129 20.1213 3.87868C19.5587 3.31607 18.7956 3 18 3C17.2044 3 16.4413 3.31607 15.8787 3.87868C15.3161 4.44129 15 5.20435 15 6ZM15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }

            .spp-icon.facebook {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V14H10V21H14V14H17L18 10H14V8C14 7.73478 14.1054 7.48043 14.2929 7.29289C14.4804 7.10536 14.7348 7 15 7H18V3H15C13.6739 3 12.4021 3.52678 11.4645 4.46447C10.5268 5.40215 10 6.67392 10 8V10H7Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            }

            .spp-icon.x {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20L10.768 13.232M13.228 10.772L20 4M4 4L15.733 20H20L8.267 4H4Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            }

            .spp-icon.linkedin {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11V16M8 8V8.01M12 16V11M16 16V13C16 12.4696 15.7893 11.9609 15.4142 11.5858C15.0391 11.2107 14.5304 11 14 11C13.4696 11 12.9609 11.2107 12.5858 11.5858C12.2107 11.9609 12 12.4696 12 13M4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            }

            .spp-icon.close {
                background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            }

            .spp-content {
                display: flex;
                flex-direction: column;
                text-align: left;
            }

            .spp-value {
                font-size: 14px;
                font-weight: 500;
                color: #333;
                line-height: 18px;
            }

            .spp-label {
                font-size: 12px;
                color: rgba(0, 0, 0, 0.5);
                line-height: 14px;
            }

            .spp-field {
                position: relative;
                display: flex;
                gap: 5px;
            }

            .spp-button {
                background: none;
                border: none;
                cursor: pointer;
                padding: 8px;
                display: flex;
                align-items: center;
            }

            .spp-share-options,
            .spp-affiliate-panel {
                position: absolute;
                top: 0;
                right: 0;
                width: fit-content;
                height: 100%;
                background: #f0f0f0;
                background-size: 200% 100%;
                background-position: 100% 0;
                transform: translateX(100%);
                transition: transform 400ms ease-in-out;
                display: flex;
                align-items: center;
            }

            .spp-share-options .spp-wrapper,
            .spp-affiliate-panel .spp-wrapper {
                display: flex;
                justify-content: start;
                align-items: center;
                gap: 10px;
                padding: 20px 20px;
                font-size: 12px;
            }

            .spp-share-options.active,
            .spp-affiliate-panel.active {
                transform: translateX(0);
            }

            .spp-share-option {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                color: #333;
                text-decoration: none;
                gap: 28px;
                width: 32px;
                height: 32px;
                background: rgba(0, 0, 0, 0);
                transition: all 50ms ease-in-out;
                border-radius: 10px;
            }

            .spp-share-option:hover {
                background: rgba(0, 0, 0, 0.1);
            }

            .spp-close-button {
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                background: none;
                border: 0;
                text-decoration: none;
                box-shadow: 0;
                opacity: 0.4;
                transform: rotate(45deg);
                transition: all 200ms ease-in-out;
            }

            .spp-close-button:hover {
                transform: rotate(0);
            }

            .spp-affiliate-content {
                display: flex;
                flex-direction: row;
                align-items: center;
                height: 100%;
                gap: 10px;
            }

            .spp-affiliate-content .spp-label {
                max-width: 200px;
                font-size: 11px;
                line-height: 15px;
            }

            .spp-affiliate-link {
                padding: 8px;
                border: 1px solid #ddd;
                background: rgba(255, 255, 255, 0.4);
                font-size: 12px;
                border-radius: 4px;
                min-width: 200px;
                box-shadow: 0;
            }

            .spp-copy-button {
                width: 100px;
                font-size: 11px;
                background: rgba(0, 0, 0, 1);
                border: 0;
                border-radius: 4px;
                color: rgba(255, 255, 255, 1);
                cursor: pointer;
            }

            .spp-copy-message {
                font-size: 10px;
                color: #fff;
                margin-top: 5px;
                background: #45a2ff;
                padding: 3px;
                border-radius: 20px;
                opacity: 0;
                transition: opacity 0.3s ease;
                position: absolute;
                top: 2px;
                right: 110px;
            }

            .spp-copy-message.visible {
                opacity: 1;
            }