--- /dev/null
+.l-themes__wrapper {
+ border-top: 4px solid $color-light-gray;
+ margin-top: 100px;
+ width: 100%;
+
+ h2 {
+ font-weight: bold;
+ @include font-size(32px);
+ letter-spacing: -0.02em;
+ color: $color-primary;
+ line-height: 100%;
+ margin-top: 53px;
+ }
+}
+
+.l-themes {
+ margin-top: 52px;
+
+ ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ font-weight: $bold;
+ @include font-size(18px);
+ line-height: 21px;
+ letter-spacing: 0.01em;
+
+ color: $color-gray;
+ display: flex;
+ flex-wrap: wrap;
+
+ li {
+ width: 16.66666666666667%;
+ margin-bottom: 17px;
+
+ a {
+ text-decoration: none;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+
+ a.button {
+ font-weight: $bold;
+ @include font-size(24px);
+ line-height: 28px;
+ text-align: center;
+ text-decoration-line: underline;
+ color: $color-gray;
+ appearance: none;
+ background: transparent;
+ padding: 0;
+ border: 0;
+ cursor: pointer;
+ display: block;
+ margin: 43px auto 0;
+ }
+}