.pro-banner{border:.0625rem solid var(--color);corner-shape:squircle;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}