アイコン 擬似要素
.panel-text {
background-color: $c_w;
padding: 40px;
box-sizing: border-box;
a[target="_blank"] & {
position: relative;
&:before {
content: "\e900";
@include icofont;
color: #fff;
position: absolute;
z-index: 1;
font-size: 10px;
transform: translateY(-50%);
right: 8px;
bottom: 2px;
@include mqSP{
right: 4px;
bottom: -2px;
}
}
&:after {
position:absolute;
width:0;
height:0;
right: 0;
bottom: 0;
content:"";
border:30px solid transparent;
border-top-color: #000;
transform: rotate(315deg);
bottom: -30px;
right: -30px;
@include mqSP{
border:20px solid transparent;
bottom: -20px;
right: -20px;
border-top-color: #000;
}
}
}
}