.ball-button{align-items:center;aspect-ratio:1/1;background-color:#120a19;border-radius:100%;color:#fff;display:grid;gap:1rem;grid-template-rows:1fr 1fr 1fr;justify-content:center;margin:auto;max-inline-size:302px;text-decoration:none;transition:background-color .2s ease-in-out}.ball-button:hover{background-color:var(--color-signal-red);color:#fff;text-decoration:none}.ball-button span{display:block;padding:0 1rem;text-align:center}.ball-button__title{font-size:17px;font-weight:500;padding-block-start:1rem;text-transform:uppercase}.ball-button__page-title{font-size:var(--h6-font-size);font-weight:400}.ball-button__button-text{font-size:17px;font-weight:500;padding-block-end:1rem;text-transform:uppercase}.ball-button__button-text:after{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIxIDIxIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIwLjAxMiAxMy4zMjFWLjkwNUg3LjU5NU02LjcwOCAxNC4yMDggMTkuMTI0IDEuNzkyIi8+PC9zdmc+") no-repeat 0 0/21px 21px;block-size:21px;content:"";display:inline-block;inline-size:21px;margin-inline-start:.25em;vertical-align:top}