Pseudo Button Styling

Site URL: https://liyasafina.squarespace.com/?password=pearler

I've created some psuedo buttons with the following code. However I can't seem to figure out how to make the icon beside it larger/ not cut off? 

Desired look attached. 

// PSEUDO ARROW BUTTONS ➷ ☯ ☯ ☯ ☯ //

.sqsrte-small a strong {
	background-size:0px !important;
	text-decoration:none !important;
	position:relative; 
	line-height:1em !important;
  	text-transform: uppercase;
	font-family: 'Inter' !important;
  	font-size: 1rem !important;
}

[data-section-theme="white"] {
.sqsrte-small a strong::after {
	content: "";
	background-image:url('https://static1.squarespace.com/static/63157662f6b5811cc3a430b2/t/633bade0bf0e4c428278ee8e/1664855520990/Arrow-Dark.png');
	display:inline-block;
    background-repeat:no-repeat;
  	background-position:center center;
  	background-size:70%;
  	pointer-events:auto;
  	opacity:1;
  	transition:opacity .8s,
      transform .5s;
    height:100%;
    position:absolute;
   top:0;
    padding:0em 1.4em;
}
  
}

Thanks!

Yeah that worked beautifully, thank you ✿ @Ziggy