.pro-banner{border:.0625rem solid var(--color);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--background-color-primary),var(--background-color-secondary));transition:transform var(--duration-fast)var(--ease-fluid);flex-direction:column;align-items:flex-start;padding:.75rem 1.125rem .75rem .75rem;display:flex;position:relative;overflow:hidden}.pro-banner .arrow{pointer-events:none;transition:transform var(--duration-fast)var(--ease-fluid);position:absolute;top:.75rem;right:.75rem}.pro-banner span{color:var(--color-heading);font-weight:600;font-size:var(--font-size-caption);margin-bottom:.375em}.pro-banner h3{color:var(--color-display);font-size:1.125rem}.pro-banner p{margin-top:.5em}.pro-banner p em{color:var(--color-display);font-style:normal}.pro-banner:before,.pro-banner:after{content:"";opacity:.08;pointer-events:none;position:absolute;inset:0}.pro-banner:before{background:radial-gradient(var(--color).0625rem,var(--background-color-primary).0625rem)0 0/.75rem .75rem;-webkit-mask-image:linear-gradient(to top right,transparent 12%,var(--color));mask-image:linear-gradient(to top right,transparent 12%,var(--color))}.pro-banner:after{background:linear-gradient(to bottom right,transparent 6%,var(--color));transition:opacity var(--duration-fast)var(--ease-fluid)}.pro-banner:hover{transform:translateY(-.125rem)}.pro-banner:hover .arrow{transform:translate(.125rem,-.125rem)}.pro-banner:hover:after{opacity:.12}