Make 'select' button the same as 'add to cart'

I have tried to figure this out but cannot, attached screenshot of the closest I can get (which is a failure)

Basically I want the 'select' option button to be the same width, dimensions, same font size, centered text, etc as the 'add to cart' button.

This is the code I used to customize it as it looks below but ther must be a simple way of doing this to make both buttons the same (I know the select size button is not the same width as add to cart below, I can do that, but could never get the border width or font the same)

.variant-option * {
  background-color:#fff; 
  text-transform: uppercase;
   font-size: 10px !important;
    font-weight: 300 !important;
    letter-spacing: .12em     !important;
     height: 25px;
      width: 145px;
  display: flex;
  justify-content: left;
  align-items: center;
    outline: #000 solid 2px;
}

Thanks

Can you share link to page in screenshot?

Hey again, its here:

https://www.astroloteez.com/astroshop

Password is password

Thanks!

20 hours ago, Jethro said:

Hey again, its here:

https://www.astroloteez.com/astroshop

 

Password is password

 

Thanks!

Add to Home > Design > Custom CSS

.variant-select-wrapper {
    width: 100%;
}