@import "variables";

vn-radio {
    & > .btn {
        border-radius: 50%;

        & > .mark {
            transition: background 250ms;
        }
    }
    &.checked > .btn {
        border-color: $color-main;

        & > .mark {
            position: absolute;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            background-color: $color-main;
        }
    }
}