.pill{padding:1.875rem;border-radius:10px;overflow:hidden}.pill .pill__inner{display:flex;flex-direction:column;margin:-.625rem}.pill .pill__inner>*{margin:.625rem}.pill .pill__title{margin-bottom:.9375rem;line-height:115%;font-size:28px}@media (min-width: 480px) and (max-width: 1697px){.pill .pill__title{font-size:calc( 28px + 20 * (100vw - 480px) / (1697 - 480))}}@media (min-width: 1698px){.pill .pill__title{font-size:48px}}.pill .pill__description{font-size:20px}@media (min-width: 480px) and (max-width: 1697px){.pill .pill__description{font-size:calc( 20px + 9 * (100vw - 480px) / (1697 - 480))}}@media (min-width: 1698px){.pill .pill__description{font-size:29px}}.pill .pill__actions{overflow:hidden}.pill .pill__actions>div{display:flex;margin:-.3125rem}.pill .pill__actions>div>*{margin:.3125rem}.pill .pill__actions a:not(.button){display:block}.pill .pill__actions a:not(.button) svg{width:52px;height:auto}.pill .pill__actions a:not(.button) svg path{transition:fill 0.2s linear}.pill .pill__actions a:not(.button):hover svg path{fill:#fff}.pill.pill--light{border:5px solid #1F2937}.pill.pill--dark{background:#1F2937;color:#fff}.pill.pill--dark svg path{fill:#EC4899}.pill.pill--dark .pill__actions a:not(.button){position:relative}.pill.pill--dark .pill__actions a:not(.button):before{content:'';position:absolute;display:block;top:10%;left:10%;right:10%;bottom:10%;border-radius:100%;background:#fff;z-index:2;transition:background 0.2s ease-in-out}.pill.pill--dark .pill__actions a:not(.button) svg{position:relative;z-index:2;display:block}.pill.pill--dark .pill__actions a:not(.button):hover:before{background:transparent}@media screen and (min-width: 1020px){.pill{padding:2.1875rem 3.125rem;border-radius:200px}.pill .pill__inner{flex-direction:row;align-items:center;margin:-.9375rem}.pill .pill__inner>*{margin:.9375rem}.pill .pill__inner>.panel__logo{margin-right:1.875rem}.pill .pill__inner>.pill__action,.pill .pill__inner>.pill__actions{margin-left:auto;flex-shrink:0}.pill .pill__title{margin-bottom:.3125rem}.pill .pill__actions a:not(.button) svg{width:89px}.pill.pill--light{border:8px solid #1F2937}}@media screen and (min-width: 1320px){.pill.pill--inline-content .pill__content{display:flex;align-items:center}.pill.pill--inline-content .pill__content>*:not(:first-child){margin-left:3.125rem}.pill.pill--inline-content .pill__title{flex-shrink:0}}