\n \n We connect you with top advertisers to become an extension of your ad\n sales team. That way, you can effortlessly scale ad revenues without\n compromising the reader experience.\n
\n \n >\n );\n};\n\nexport default PublishersStackMediaStatic;\n","import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport Image from \"./Image\";\n\nimport omit from \"lodash/omit\";\nimport { Link } from \"gatsby\";\nimport {\n brandColor1,\n brandColor1Shade,\n brandColor1Tint,\n gray2,\n white\n} from \"./styles/Colors\";\n\nimport iconArrowBrandColor1Shade from \"../images/9-cta-arrow-brand-color-1-shade.svg\";\nimport iconArrowBrandColor1Tint from \"../images/9-cta-arrow-brand-color-1-tint.svg\";\nimport iconArrowWhite from \"../images/9-cta-arrow-white.svg\";\n\nconst VARIANTS = {\n shade: {\n color: brandColor1Shade,\n icon: iconArrowBrandColor1Shade,\n hoverColor: brandColor1\n },\n tint: {\n color: brandColor1Tint,\n icon: iconArrowBrandColor1Tint,\n hoverColor: brandColor1\n },\n white: {\n color: white,\n icon: iconArrowWhite,\n hoverColor: gray2\n }\n};\n\nconst Arrow = styled(Image)`\n margin-left: 19px;\n transition: 0.3s transform;\n`;\n\nconst Animation = keyframes`\n to {transform: scale(1) translateX(0%)}\n 50% {transform: scale(1.2) translateX(10%)}\n from {transform: scale(1) translateX(0%)}\n`;\n\nconst Button = styled(Link)`\n display: inline-flex;\n align-items: center;\n color: ${(props) => VARIANTS[props.variant].color};\n transition: 0.3s color;\n cursor: pointer;\n text-decoration: none;\n\n &:hover {\n color: ${(props) => VARIANTS[props.variant].hoverColor};\n\n ${Arrow} {\n animation: ${Animation} 1s linear infinite;\n }\n }\n`;\n\nconst ArrowButton = ({ attrs, large, children, variant = \"shade\" }) => {\n const opts = omit(attrs, [\"as\"]);\n opts.as = (attrs && attrs.as) || (attrs && attrs.to) ? attrs.as : \"span\";\n return (\n