::aftarなどの擬似要素にhover:を付ける

HTML

test.php

<div class="test_box">
  <a href="#">test</a>
</div>

SCSS

_test.scss

	.test_box {
		border-top: 1px solid #616161;

		a {
			display: block;
			position: relative;
			padding: 10px 30px 10px 10px;
			border-radius: 0 0 5px 5px;
			color: #fff;
			font-family: Shin Go Bold;
			font-size: 0.75rem;
			line-height: (16/12);
			text-align: right;

			&::after {
				content: "";
				position: absolute;
				top: 0;
				right: 16px;
				bottom: 0;
				width: 7px;
				height: 7px;
				margin: auto;
				transform: rotate(-225deg);
				border-top: 2px solid #fff;
				border-left: 2px solid #fff;
			}

			&:hover {
				color: #fff100;

				&::after {
					border-color: #fff100;
				}
			}
		}
	}