Rounded borders are pretty common for UI elements, like buttons or cards. They're visually more appealing than sharp-cornered borders and more convenient for users' eyes.

The border-radius property allows web developers to set either the same roundness for all corners with one value or different values for each corner in a clockwise order (starting from the left top), e.g. border-radius: 5px 20px 2px 10px;